MacIE 5のCSSでcodeタグの編集
2007年11月4日 日曜日
ソースなどを記載する機会があるので、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だけ変則な表示としていますが、とりあえず良しとします。
関連記事
トラックバック URL :
Mac IE5系のホーリーハック（CSSハック）…
Mac版 IE5系のブラウザにCSSを適応させない「ホーリーハック」のメモです。
ホーリーハックを使ったCSSプロパティは、Mac IE5系のブラウザには読み込まれませ (more…)
トラックバック by ひかげStyle — 2007年11月8日 木曜日 @ 02:58