質問: ブラウザごとにcss? こんにちは。 htmlとcssを使ったホームページを作っています。 確認用のブラウザにsleipnirを使っています。 下のように記述し、ブラウザエンジンを切り替えて見たところ、それぞれ幅が違うことに気づきました。 幅が異なると、デザインもグチャグチャになってくるので、大変困っています。 これを回避、対処する方法を教えて欲しいです。 補足もなるべく早くさせてもらいます。 どうかよろしくお願いします。
回答: >ie6での表示はきちんとしていました。 その他のブラウザで表示が崩れるときは、cssでieのバグを利用してしまっている場合がほとんどです。 sleipnirではgeckoにエンジンの切り替えができるようなので、それをメインにしたほうが良いと思います。 ie6で表示が大丈夫でも、ie7で崩れるかもしれませんし・・・ もう直ったかもしれませんが、 ・widthとpaddingまたはborderを一緒に指定しない ・floatを使った要素にmarginを指定する場合display:inline;を指定する 幅や余白が関係する場合、このどちらかが問題のことが大半です。