2008年03月10日月曜日
htmlコーダー泣かせのie様 [Web制作の日々]
前回も話したように、ieには泣かされるぜ、ったく！
以前のように、テーブルタグでのレイアウトを行っていた頃は未だ良かった。
それなりに見えていたから。
xhtml＋CSSでのレイアウトが普通になってからは、次々とie（特にver6.0）のバグがオヤジ達Web制作者の邪魔をするんだ！
まず、width、paddingなどを駆使してレイアウトに勤しむのだが、ie6.0と7.0ではレイアウトが違う場合があるのだ。
divのレイアウトずれだ。
次に記述されているdivタグごと、とんでもない場所へずれてしまうことが多いよね。
原因はいくつかあるようだけど、borderの使い方によるレイアウトずれがある。
同じdivタグ内でwidthやpaddingと一緒にborderを使った場合は、ie6.0でバグの影響を大きく受けるのだ。
解決法として．．．
・divを入れ子にしてborderとは別のdivでwidthやpaddingを使うようにして、同じdivタグ内にはborderを記述しない。
・どうしてもborderを使う必要がある場合は、背景画像で対応させることが確実。
・どうしてもborderを使う必要がある場合は、背景画像で対応させることが確実。
まだまだie6.0は広く使われているから、しばらく試行錯誤が必要になるだろう。
ネット上には、このようなieのバグ対策について詳しく掲載されているサイトがあるので、色々と勉強しよう。
そのうちieもMozilla並の標準対応になる．．．かな．．．。
気長に待つしかないか 
じゃまた。
