ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   

日本語のみ縦書きで表示されてしまうトラブル

日時: 2008/07/01 22:14
識別: IDjapn4TRIzYQ
名前: Take.
参照: https://wwwsoc.nii.ac.jp/jsc/index.html

はじめまして。

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

スタイルシート「https://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
https://openlab.jp/k16/htmllint/htmllint.html
Re: 日本語のみ縦書きで表示されてしまうトラブル ( No.5 )
日時: 2008/07/06 08:04
名前: Take.
参照: https://wwwsoc.nii.ac.jp/jsc/index.html

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

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

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

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

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


>>4
> basic.cssの、
>
> * html #header a {width:1%;}
>
> の1行を削除でいかがでしょうか?
>
> その後↓を通して気づいたんですが、文法上マズイ箇所が結構あります。
> 一度こちらで文法チェックされてみてはどうでしょうか。
>
> Another HTML-lint gateway
> https://openlab.jp/k16/htmllint/htmllint.html

ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved