IE7 で pre 要素が適正に表示されない不具合を修正

当サイトでは、ソースコード等を pre 要素（+code 要素）で表示していますが、「1行だけのソースコードを表示している場合、IE7では適正に表示されません」というご指摘をいただきましたので修正致しました。 １．問題点 pre 要素で1行だけのソースコードを表示していると、IE7 では次のような表示になります。 IE7 ２．原因 そもそも、IE6 以外のモダンブラウザで、「overflow: scroll;」指定を行なうと、下に冗長な空白が表示されます。これを避けるために、IE6 以外のモダンブラウザに対し、CSS ハックを利用して「overflow: auto;」を設定しているのですが、IE7 に「overflow: auto;」を適用されると、１項の問題が発生します。 pre { overflow: scroll; } html > body pre { overflow: auto

[tarchan]

overflowの冗長な空白を消すためのハックは冗長だと思う。

[gae]

preを使わず折り返されたほうが、スクロールバーの操作の手間が減って良いと思った

[kits]

overflow:scroll するとややこしい、という話。(pre-wrap の方がいいと思う派)

[cyokodog]

IE6 以外のモダンブラウザで、「overflow: scroll;」指定を行なうと、下に冗長な空白が表示されます。

[boyasan]

１行のときの挙動