質問箱/4247

カテゴリ
サマリFireFox、IEでの<pre>の表示を統一したい
バージョン1.4.7
投稿者pre?
状態質問
投稿日2008-02-18 (月) 12:50:53

質問

差分などで<pre>を表示すると、どうもうまく表示できなくなり、preの内容が多い行なら恐ろしく長いスクロールバーが出てしまいます。

調べたところcssでpre要素に下記を挿入すればいいとのことですが

white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: pre-wrap;      /* CSS3 */
word-wrap: break-word;      /* IE 5.5+ */

これを入れたところFireFoxではちゃんと動作してくれますが IE6ではブラウザ下記にスクロールバーが出現して右に伸びてしまいます。 上記に

white-space: normal;

を追加するとIE6で希望通りの動作をしてくれますが、今度は逆にFireFoxがおかしくなり、pre要素で改行しなくなってしまいます。

両方のブラウザで、うまくpreがブラウザサイズに合わせて折り返してくれるようになりませんでしょうか?

回答



トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2008-02-18 (月) 12:50:53
Site admin: PukiWiki Development Team

PukiWiki 1.5.2+ © 2001-2019 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u7. HTML convert time: 0.241 sec.

OSDN