SafariとOperaのCSSハック

覚え書きです。

仕事でボックスに overflow-y 属性を指定してある Web サイトの HTML を修正中に見つけた CSS ハックです。
今回、Mac の純正ブラウザ Safari と Windows の Opera で overflow-y では overflow-y 属性を指定出来きず意図したデザインに出来なかったので、overflow にて別途指定しました。

どうやら overflow-y は IE 独自の属性のようです。 ちなみに Firefox は Mac も Windows も問題なく指定した通り表示されました。

ちなみに意図したデザインとはインラインフレーム（iframe）の変わりに div 要素で同じ見た目にする。でした。

div#hajime {
	width : 200px;
	height : 200px;
	overflow-y : scroll; /* IE独自の属性 */
}

html:first-child div#hajime { /* SafariとOpera用 */
	width : 200px;
	height : 200px;
	overflow : scroll;
}

■結論
Firefox はえらい！ルーールルルルルル♪

■追記（07/05/19）
Netscape（ネットスケープ）を完全に忘れてしまっていました・・・ 結局 IE 独自の属性 overflow-y は使わない事に。

■さらに追記（07/05/21）

overflow : auto;

で、全てが丸く収まりました。

CSSハック一覧表作りました。