PRE 要素

MacIE5 における overflow の解釈により、pre 要素の中身が表示されないページが間々ある。というか、pre 要素のスタイルに overflow : scroll 等が指定してあるページが屡々あって、MacIE5 では見えなくて、がっかりしてたりするのです。

見える pre 要素のスタイル

pre {
	white-space : pre ;
	margin : 2em ;
	padding :1em ;
	font-size : 100% ;
	font-family : monospace ;
	border : 1px solid gray ;
}

見えない pre 要素のスタイル

pre {
	white-space : pre ;
	margin : 2em ;
	padding :1em ;
	font-size : 100% ;
	font-family : monospace ;
	border : 1px solid gray ;
	overflow : scroll ;
	width : 50% ;
}

MacIE5では overflow の指定があると見えないのです。

そこで汎用 div に pre 要素を入れ、overflow を指定する。

div.over{
	width : 50% ;
	overflow : scroll ;
	margin : 2em ;
	padding :1em ;
}

pre {
	white-space : pre ;
	margin : 2em ;
	padding :1em ;
	font-size : 100% ;
	font-family : monospace ;
	border : 1px solid gray ;
}

だったら、pre 要素をやめて、汎用 div にスタイル指定する。

div.pre{ white-space : pre ; width : 50% ; overflow : scroll ; margin : 2em ; padding :1em ; font-size : 100% ; font-family : monospace ; border : 1px solid gray ; }

pre 要素の中身が見えなくて時々がっかりしている人

カナかな団首領 2002.05.05

案内