確認済みブラウザ
5.5/6.0/7.0 5.1.7/5.2.3 1.5/2.0/3.0 2.0/3.1 9.0 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 →
確認済みブラウザ
5.5/6.0/7.0 5.1.7/5.2.3 1.5/2.0/3.0 2.0/3.1 9.0 7.1
This hack is old. Please use the latest edition.
このハックは、古いです。最新版を使ってください。
IE5.2.3でスクロールバーが出ていた問題に対応しました。
IE7対策で入れたhtml>body を IE7専用の *+html body に変更。
続きを読む コンテナボックス内のフロートクリアについて3 →
確認済みブラウザ
5.5/6.0/7.0 5.1.7 1.5/2.0/3.0 2.0/3.1 9.0 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 がサポート終了、配布中止になってから10カ月。WindowsIE5.5同様、いまだ多くの制作現場では対応するべきブラウザになっています。
さて、Mac版IEのoverflowバグですが、div要素以外の、ブロック要素(p要素やpre要素など)にoverflow(visible以外)を設定した場合、表示がおかしくなります。
続きを読む Mac版IEのoverflowバグ回避について →
確認済みブラウザ
5.5/6.0 5.1.7 1.5/2.0/3.0 2.0/3.1 9.0 7.1
WindowsIE 以外のブラウザでは、ボーダーや背景のあるコンテナボックス内で、float:left または float:rightを使うと、コンテナボックスを自動的に下まで広げません。これがCSSの仕様上正しい解釈らしいのですが、ちょっと扱いにくいです。
This hack is old. Please use the latest edition.
このハックは、古いです。最新版を使ってください。
続きを読む コンテナボックス内のフロートクリアについて →
日々のHTMLやアプリケーションのあれこれ [ Web制作・CG制作 ]