www.kkoba.com  » kkobaのblog

前から、<pre>を使ってソースを記述した時に、レイアウトが崩れることが気になっていた。

スクロールバーを使って、レイアウトが崩れないようになっているサイトを良く見かけるので、ちょっと調べて見た。視覚整形モデル - CSS2リファレンス - Overflowを参考に、スタイルシートを変更した。

最後の2行が、スクロールのために追加した設定。 IE6の場合は、合わせてwidthを記述しないと、スクロールバーが表示されなかった。

pre {
	margin: 4px 0px 6px 15px;
	padding: 5px;
	border: 1px dotted silver;
	background-color: aliceblue;
	font-family: monospace;
	font-size: x-small;
	overflow: scroll;
	width: 97%;
}

投稿者 かつ : 2004年11月04日 00:06