日々のHTMLや3DCGのあれこれ

Category Archive: html & css

「Transmit 4」リリース!

Transmit」の新バージョンがリリースされていました!

45以上の新機能、25倍速、Finderにサーバをディスクのようにマウントして使える「Transmit ディスク機能」が追加されました!

バックアップのため大量のファイルをアップロード・ダウンロードする必要があるので、高速化はかなり有り難いです。

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

確認済みブラウザ

IE 5.5/6.0/7.0/8.0 Firefox 3.0 Safari 4.0 Opera 10.0

確認済みブラウザを最新のものに変更し、古いものを非対応にしました。

対応ブラウザが減ったおかげで、ずいぶんシンプルになりました。

height:1% は IE5.5/IE6 対策で入れていますが、非対応でよければ、overflow:hidden; のみで大丈夫です。
続きを読む »

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

確認済みブラウザ

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

CSS2.1から新しくdisplayプロパティの値に ‘inline-block’ が追加されています。CSS Validator(CSS レベル 2.1)でエラーも出なくなりました。(CSS レベル 2ではエラーが出ます)

height:auto !important; height:1%;を使っていましたが、display: block !important; display: inline-block;でも同様の効果が得られるようになりました。

これにより1行のハックでMacIEにも対応出来るようになりました。
続きを読む »

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」で開けばポップアップブロックされないようですが、サイズを指定して開きたい場合に、ポップアップブロックされることがあります。

そこで、簡単にポップアップブロックを防ぐ方法を検証しました。
続きを読む »

コンテナボックス内のフロートクリアについて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.
このハックは、古いです。最新版を使ってください。

続きを読む »