MacIE 5のCSSでcodeタグの編集

ソースなどを記載する機会があるので、MacIEのCSSでcodeのタグを編集してみました。

過去の記事を MacIE 5 でみていると、ソースなどを記載していた記事で<pre>や<code>を使っていた部分が消えているではありませんか…。

たぶん、松田優作氏も「何じゃあこりゃああ!!」と叫ぶでしょう。

消えている原因を調べていると、MacIE 5 では div要素以外に overflowのプロパティを指定すると、中身が全部消えてしまうという致命的なバグがあるようです。

MacIE 5のCSSでcodeタグへ指定

ひかげstyleのMac用スタイルシートを以下のように編集しました。

code { font-family: "Osaka-等幅",monospace; padding: 0.5em; overflow: visible; border: none; }

MacIE 5だけ変則な表示としていますが、とりあえず良しとします。