WordPressで、長い行が含まれるソースコードをpreタグで囲んで投稿する場合、Firefox2とIntenet Explorer6では、次のような状態となります。

Firefox2.0.0.5: 記事の表示エリアから文字がはみ出して、右側のブロック上の文字と重なってしまう。
Intenet Explorer6: 右側のブロックが規定の位置に表示されず、右側にずれてしまう。

(MEに付属のテンプレート(EasyAll1.1)を使用しています。)

そこで、次のようにpreタグにスタイルを指定して投稿すると、Firefox2とIntenet Explorer6では、文字が重なったり、ブロックがずれてしまうことはなくなりました。

<pre style="overflow: auto; word-break: break-all;width:100%">
<code>

</code>
</pre>

Tags: , ,

コメントをどうぞ