本日
昨日
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>などでタグ修飾されたものはブラウザのフォントサイズになります。
©1997- Kikuchisan's workshop All rights reserved
/
/
スポンサーリンク
関連コンテンツ