pre要素にoverflow - lucky baghtmlやCSSのコードを紹介するときにpre要素を使っています。横に長いコードの場合は、overflow: auto;と指定し、スクロールバーが表示されるようにしているのすが、IEの場合pre要素の幅を指定してあげないと、バーが表示されずpre要素内の中身いっぱい横に伸びて表示されてしまいます。そこで、IE5.5以降では認識できない子セレクタを使って解決します。 .content pre { margin: 10px; background-color: #FFFFFF; border: 1px dotted #CCCCCC; padding: 1em; width: 100%; overflow: auto; } #center > .content pre { width: auto; } IEのために幅100%を指定しますが、これだとOperaやMozilla系が横に伸びてしまうの
リンク集
Hironobu's HomePage: MySQLの内部構造
