質問箱/4247

質問箱/4247†

質問†

差分などで<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がブラウザサイズに合わせて折り返してくれるようになりませんでしょうか？

回答†

• PukiWikiについて
  • ダウンロード
  • インストール
  • セキュリティ
  • 活用事例
  • 動作実績
  • プラグイン
    • 欲しい...
    • 自作...
  • スキン
    • 自作スキン

• はじめてのPukiWiki
• FAQ
• Q＆A
• Books
• 質問箱
  • 1 2 3 4 5

• PukiWikiを使おう
• 雑談
• メーリングリスト
• 関連ツール
• リンク集
• InterWikiName

• Info in English

• このサイトについて
  • WebTrack
  • Web委員日誌

• お試し
  • PukiWiki 1.5

最新の16件