なないろブログ

スタイルシートと格闘のつづき。

一夜明けて見直したら、単に
clear:both;
を忘れてるだけのところもあった。

でも、あとのは解決しそうにない。

根本的にIEとFirefoxで
marginやpaddingの扱いが違ってるから
どちらでもピタッと！
というのが相当難しいみたい。

あと、まさにこの現象よ～！ってのが
ブラウザのバグだってのも見つけた。
float:right　してるものに　margin-right　を指定したら
IEでは倍ぐらいになっちゃうとか色々。
↓
CSSレイアウトの定石　WinIE6バグ回避法

他にもブラウザごとの違いだとかバグもあって
逆にそれを利用するようなCSSハックとかいうのもあるらしいけど
IE7になったらＣＳＳハックは使えないとか
もう完全に私の限界を超えてる。

検索すると
私以外にも困ってる人がたくさんいるんだな～、
ということを何よりも実感できた。。。

皆さん、
できる範囲で
条件にデザインの方を合わせてる。
もしくは、ブラウザごとに
長い長い複雑なCSSを書いてる。

スタイルシート奥が深すぎ。

やろうと思ってたこと、あれもこれも今回はやめて
とにかく一度、無難に作ってみたい。
（無難が難しいのよ、難だらけで。）

ロールオーバーもJavaScriptの代わりにCSSでできるんだって。
背景だけでなく画像でやろうとするとすごく大変だそうなんで
もう今回はJavaScriptでいいことにする。

Macでどうなってるのか気になるところ。返事待ち。