人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

IEとFireFoxでの質問です。

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

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

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


●質問者: xv1700
●カテゴリ:コンピュータ インターネット
✍キーワード:br CSS firefox IE MS
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● pahoo
●35ポイント

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

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


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

◎質問者からの返答

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

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

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

使っているCSSは

です。

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

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


2 ● darkwood
●35ポイント

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は幾つか見掛けた事が有りますが、正直、縦書の時点で、余程の内容で無い限り、見ないでパスしますね。

◎質問者からの返答

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

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

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

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ