ひかげStyle ロゴ

MacIE 5のCSSでcodeタグの編集

MacIE 5のCSSでcodeタグの編集

2007年11月4日 ひかげ Mac 0

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

過去の記事を 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だけ変則な表示としていますが、とりあえず良しとします。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

@ひかげ

ひかげStyle