「css」タグアーカイブ

コンテナボックス内のフロートクリアについて4

確認済みブラウザ

IE 5.5/6.0/7.0 IE 5.1.7/5.2.3 Firefox 1.5/2.0/3.0 Safari 2.0/3.1 Opera 9.0 Netscape 7.1

3でコードが増え過ぎたので、初心に帰り1から確認していき、コードは2行に収まりました。
height:1% は、IE6、IE5.5用で入れていますが、1% が入っていると IE7 では高さが縮小されてしまします。
そこで、html>body で上書きしています。
さらに Netscape に対応するのに、overflow:auto が必要ですが、auto にすると MacIE5.2.3 でスクロールバーが出てしまうので、/*\*/で読み込まないようにしています。

This hack is old. Please use the latest edition.
このハックは、古いです。最新版を使ってください。

続きを読む コンテナボックス内のフロートクリアについて4

コンテナボックス内のフロートクリアについて3

確認済みブラウザ

IE 5.5/6.0/7.0 IE 5.1.7/5.2.3 Firefox 1.5/2.0/3.0 Safari 2.0/3.1 Opera 9.0 Netscape 7.1

This hack is old. Please use the latest edition.
このハックは、古いです。最新版を使ってください。

IE5.2.3でスクロールバーが出ていた問題に対応しました。

IE7対策で入れたhtml>body を IE7専用の *+html body に変更。
続きを読む コンテナボックス内のフロートクリアについて3

コンテナボックス内のフロートクリアについて2

確認済みブラウザ

IE 5.5/6.0/7.0 IE 5.1.7 Firefox 1.5/2.0/3.0 Safari 2.0/3.1 Opera 9.0 Netscape 7.1

Internet Explorer 7 の日本語版が配布されたことに伴い、動作確認をしてみたところ、コンテナボックス内のフロートクリアが動かなかったので、その対処バージョンです。

This hack is old. Please use the latest edition.
このハックは、古いです。最新版を使ってください。

hwrapにある IE5〜IE6対策の hight:1% を html>body で hight:auto に置き換えます。この1行でIE7にも対応できるようになりました。
続きを読む コンテナボックス内のフロートクリアについて2

Mac版IEのoverflowバグ回避について

Mac版のIE がサポート終了、配布中止になってから10カ月。WindowsIE5.5同様、いまだ多くの制作現場では対応するべきブラウザになっています。

さて、Mac版IEのoverflowバグですが、div要素以外の、ブロック要素(p要素やpre要素など)にoverflow(visible以外)を設定した場合、表示がおかしくなります。

続きを読む Mac版IEのoverflowバグ回避について

コンテナボックス内のフロートクリアについて

確認済みブラウザ

IE 5.5/6.0 IE 5.1.7 Firefox 1.5/2.0/3.0 Safari 2.0/3.1 Opera 9.0 Netscape 7.1

WindowsIE 以外のブラウザでは、ボーダーや背景のあるコンテナボックス内で、float:left または float:rightを使うと、コンテナボックスを自動的に下まで広げません。これがCSSの仕様上正しい解釈らしいのですが、ちょっと扱いにくいです。

This hack is old. Please use the latest edition.
このハックは、古いです。最新版を使ってください。

続きを読む コンテナボックス内のフロートクリアについて