window


この質問記事は解決しています。
トップページ > 記事閲覧
*日本語のみ縦書きで表示されてしまうトラブル
日時: 2008/07/01 22:14
識別: ID:t39GWaymjK41
名前: Take.
参照: http://wwwsoc.nii.ac.jp/jsc/index.html
はじめまして。

知人からの相談なのですが、「IBM WebSphere Studio Homepage Builder Version 12.0.0.0 for Windows」でで作成した「http://wwwsoc.nii.ac.jp/jsc/index.html」が、Internet Explorerの古いバージョン(5.x.xなど)で閲覧する左カラムのメニューの日本語だけが縦書きになってしまいます(半角英数文字は横書きで表示されます)。

スタイルシート「http://wwwsoc.nii.ac.jp/jsc/css/bss.css」を削除して、「index.html」単独で表示させると日本語も横書き表示なるので、スタイルシート「bss.css」に何か問題がありそうなのですが、原因が特定できずじまいです。

何かよい対処法があれば教示下さい。
メンテ

Re: 日本語のみ縦書きで表示されてしまうトラブル ( No.1 )
日時: 2008/07/04 14:49
名前: m

どこも配置モードで作成したんじゃないの?
メンテ
Re: 日本語のみ縦書きで表示されてしまうトラブル ( No.2 )
日時: 2008/07/04 16:00
名前: no2

>>1
> どこも配置モードで作成したんじゃないの?

URL 提示されてるんだからどこも配置モードでは無いと
見ればわかるだろうに。それぐらい確認しろよ。
メンテ
Re: 日本語のみ縦書きで表示されてしまうトラブル ( No.3 )
日時: 2008/07/04 17:05
名前: しぃ

basic.cssの次のように変更してみるとある程度思ったとおりになりませんか?

#left-column li a { 〜 } に、 width:100%; を追加

こうしたときにfirefoxなどの他のブラウザで見ると、
一部幅が合わない箇所(リンクが貼られていない<li>)があります。
#left-column ul { 〜 } のwidthを100%にすると一応揃います。

あとはレイアウト・デザインと相談して、調節されてみては。

#htmlとcssファイルをローカルに保存して弄ってできた結果なので、
 他のコンテンツとの兼ね合いで上手くいかなかったらごめんなさい(汗

#それと、別に縦書きになってるわけじゃなくて、あくまで横書きでは?
 幅が狭くて1文字毎に行が変わり、縦書きに見えているだけだと思います。
メンテ
Re: 日本語のみ縦書きで表示されてしまうトラブル ( No.4 )
日時: 2008/07/04 17:25
名前: しぃ

・・・ごめんなさい、アホでした私。>>3を死ぬほど訂正します・・・。
メインカラムのリンクも全部変でした・・・まったく見てませんでした(汗

basic.cssの、

* html #header a {width:1%;}

の1行を削除でいかがでしょうか?

その後↓を通して気づいたんですが、文法上マズイ箇所が結構あります。
一度こちらで文法チェックされてみてはどうでしょうか。

Another HTML-lint gateway
http://openlab.jp/k16/htmllint/htmllint.html
メンテ
Re: 日本語のみ縦書きで表示されてしまうトラブル ( No.5 )
日時: 2008/07/06 08:04
名前: Take.
状態: 解決!
参照: http://wwwsoc.nii.ac.jp/jsc/index.html

しぃさん、コメントありがとうございす。

こちらもローカル環境で確認できました。

なんとかなりそうなので、知人に連絡してオンサイトで効果を確認して
もらいます。

文法上のマズイ箇所についても、対応するよう連絡してみます。

今後ともよろしくお願いします。


>>4
> basic.cssの、
>
> * html #header a {width:1%;}
>
> の1行を削除でいかがでしょうか?
>
> その後↓を通して気づいたんですが、文法上マズイ箇所が結構あります。
> 一度こちらで文法チェックされてみてはどうでしょうか。
>
> Another HTML-lint gateway
> http://openlab.jp/k16/htmllint/htmllint.html
メンテ
- ( No.6 )
日時: 2011/12/05 05:06
名前: d251.osa20nn1fm11.vectant.ne.jp

#SPAM

メンテ

 返信フォーム (上記スレッドに返信する場合は以下のフォームから投稿します)
題名 ※必須 スレッドをトップへソート
名前
E-Mail
URL
パスワード 記事メンテ時に使用します (メンテは該当記事のメンテアイコンをクリック)
返信内容
※必須
エラーメッセージや内容などは省略せず詳細にご記入下さい
状態の設定

・問題が解決したら 解決 を選択して投稿して下さい HELP(新しいウィンドウが開きます)
・既存記事の状態設定はメンテ(メンテアイコン)から修正する事ができます。


投稿内容をご確認下さい(記事の削除は出来ません)

   クッキー保存