thickbox ie6ではまったヨコスクロール

毎回ie6ではまって、その都度時間ばっかりかかって、馬鹿みたい(嗚咽)

 

で、今回はまったのがThickboxを使ってiFrameを表示する際に、ie6だけ言うことを効かない「ヨコスクロールバーが消えない」件。

 

ネットでいろいろ調べた結果、いじくるところはthickbox.js本体でもthickbox.cssでもない、「iFrameで表示するコンテンツ自体のcss」ということ。

これに気がつくまで何時間かかったことか(涙目)

 

だってねぇ、他のブラウザじゃちゃんと表示されてるし(thickbox.js内でie6だけ判定分岐されてるし)、どう考えたってthickbox周りのチューニングでうまくいくと思うでしょ。

 

問題点:Thickboxで横スクロールバーが消えない(指定したboxサイズ以上の場合)

ie6のバカだけヨコスクロールバーが出る
ie6のバカだけスクロールバーが出る

 

 

 

解決法:Thickbox本体のゴニョゴニョじゃいっこうに消えないので、iFrame内で表示するhtmlファイル自体に、
html{ overflow-x: hidden; overflow-y: scroll;}

を埋め込む。

 

感想:あ〜あ、ホント消えて欲しい・・。

コメントを残す

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