IEとFireFoxでの質問です。


縦書き表示ができません。
①半角(英数字、カタカナ)⇒全角
(PHP mb_conbert_kana【つづりが違うかも】statusには抜けはありません)
②フォントはMSゴシック(CSSで指定)

IEではうまく表示できますが、FireFoxでは難しいです。バージョンにはこだわりはないのですか、とにかく表示させたいのです。
一文字ずつBRなんて答えは受け付けません。

何か考えられることはあるでしょうか??
すいませんが、よろしくお願します。

回答の条件
  • 1人5回まで
  • 登録:2009/06/11 19:16:46
  • 終了:2009/06/15 23:52:33

回答(2件)

id:pahoo No.1

pahoo回答回数5960ベストアンサー獲得回数6332009/06/11 20:46:42

ポイント35pt

Firefox では CSS の "writing-mode: tb-rl;" が利用できないから難しいというご質問でしょうか。

でしたら、「縦書き用スタイルシート」が参考になるでしょう。


記号や英文字の扱いが IE と Firefox で異なるので、1文字ずつ <br> にならないまでも、class の使い分けは発生します。

id:xv1700

回答ありがとうございます。

URLは参考にさせていただきました。

まず、縦書きになる文章がデフォルトで全角半角何が入ってくるかわかりません。なので半角英数字の場合は縦になりません。

使っているCSSは

です。

全角はPHPで指定していますので問題ないかとおもいます。

今の問題は「test」などの英文がFireFoxだけ横に表示されてしまいます・・・・

2009/06/12 11:51:27
id:darkwood No.2

darkwood回答回数45ベストアンサー獲得回数62009/06/12 10:45:46

ポイント35pt

 CSSと記載されていますので、閲覧時に縦書表示にするのではなく、html( Webサイト側 )で縦書にしたいという意味に解釈します。(以下firefoxにて説明)

 まず、予めアドオンで以下のWeb Developerを入れておいて下さい

  Web Developer :: Firefox Add-ons

その上で、以下のサイトに行き、青空文庫内の適当な作品を縦書表示させてください。

   「青空文庫」を縦書きレイアウトで。 - freefielder.jp

縦書表示させたら、先のWeb Developerで追加されたバーの右から3番目の[CSS]をクリックし、[ View CSS ]をクリックすると、縦書用のCSSが確認出来ます。

 尚、firefoxでの表示を単に縦書にしたいだけなら、以下にスクリプトが有るようです。(要Greasemonkey)

  クリボウの Blogger Tips: 青空文庫を縦書きにする Greasemonkey スクリプト

 蛇足ですが、コンピュータでの縦書表示はお薦め出来ません。基本的に横書前提でハードもソフトも作成されているので、縦書は見づらい上に、操作(スクロール)も面倒だからです。縦書のWebは幾つか見掛けた事が有りますが、正直、縦書の時点で、余程の内容で無い限り、見ないでパスしますね。

id:xv1700

回答ありがとうございます。

実際にはWordPressで使用するプラグインの表を作成してまして。

項目表示に見やすいように縦書きにする時がありますよね。表とかグラフなど…

今の問題は英語でして「text」などの英文だと横にしか表示されない現象なのですが。形はきにしないのですが、縦でも横でも。

URLを参考に探してみます。ありがとうございます。

2009/06/12 12:06:42

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません