|
03/16(Sun) 03:08
スタイルシートの落とし穴
このコーナでは IE4.0 と NC4.0 のスタイルシートに関して、 実際に遭遇した両者の微妙な（時には全く異なる）表示について 不思議に思ったこと・Cross Browser DHTML 実現の障害になった記述 を記すことにします。今後も、逐次追加していく予定です。
■レイヤーのサイズ
| 項目 | IE4.0 | NC4.0 |
|---|---|---|
| width を省略すると | IE ではそのページの右端まで拡張されます | NC ではレイヤーの中を表現するに必要な分のサイズです |
| width を指定すれば | IE ではそのサイズの幅になります | NC では width を指定しても clip を指定しなければサイズは自動調整されます |
■レイヤーの背景色
| 項目 | IE4.0 | NC4.0 |
|---|---|---|
| background-color を指定すると | IE ではレイヤー全体の背景色の指定になります | NC ではレイヤー内の文字の部分の背景色になります。NC でレイヤーの背景色を指定したければ layer-background-color で指定する必要があります。 |
■フォームとレイヤー
| 項目 | IE4.0 | NC4.0 |
|---|---|---|
| FORM と DIV を同じ位置に作成すると | IE ではレイヤーのスタック( zIndex )に基づき表示されます | NC では必ず FORM の要素が表示されます。(但し、選択操作はできませんが...) |
■TABLEのフォントサイズ
| 項目 | IE4.0 | NC4.0 |
|---|---|---|
| CLASS属性で指定したフォントサイズの有効範囲は | IE ではブラウザのフォントサイズが優先します。TABLE内の文字サイズを指定したい時は<TABLE>タグなどにサイズ指定をします。 | NC ではCLASS属性で指定したフォントサイズになります。但し、文字に<B>や<FONT>などでタグ修飾されたものはブラウザのフォントサイズになります。 |
| スポンサーリンク | |