カテゴリー別アーカイブ: html & css

Flash の ポップアップブロック対策 AS2.0(ExternalInterface.call)

確認済みブラウザ

IE 6.0/7.0/8.0 Firefox 2.0/3.0 Safari 3.2.1/4.0 Opera 9.6.4

Flashで新しいウィンドウを開くときに「_blank」で開けばポップアップブロックされないようですが、サイズを指定して開きたい場合に、ポップアップブロックされることがあります。

そこで、簡単にポップアップブロックを防ぐ方法を検証しました。
続きを読む Flash の ポップアップブロック対策 AS2.0(ExternalInterface.call)

コンテナボックス内のフロートクリアについて5(MacIE除外版)

確認済みブラウザ

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

MacIEに対応しなくても良いケースが増えてきたので、対応ブラウザから外しました。

新たなハックとして!importantハックを入れています。
!importantハックとは、IE6以下のブラウザでセレクタ内に!importantがあっても、その後の値を読み込んでしまうと言うバグを利用したものです。

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

続きを読む コンテナボックス内のフロートクリアについて5(MacIE除外版)

セレクタ で使用できる文字

使用できる文字は大小アルファベットと数字 [A-Za-z0-9] 、ASCII以外のUnicode文字、およびハイフン(-)とアンダースコア(_)に限る。識別名は数字もしくはハイフンと数字の組合せで始めることはできない。また、セレクタの要素型名、クラス名、ID名はハイフンで始めることはできない。

識別名にアンダーバーを使った場合、CSS2.0でアンダーバーは使えないことになっていたため、定義に沿った一部のブラウザでエラーとなる。(Gecko/20001108 Netscape6/6.0 など)

コンテナボックス内のフロートクリアについて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