質問: cssでieとfirefox(とchrome)の表示が違う http://www.recipe-de-cooking.com/で ieで見たときとfirefoxで見たときではレイアウトが異なっています。 中央寄せの状況もブラウザで違い、またコンテンツの幅も違っています。 firefoxでは右端が出っ張った形になっています。(ガタガタ)なぜでしょうか? 解決方法がわからないので教えてください。
回答: ieの横幅 -> width 他 -> width + 左右padding(指定があれば) + 左右border(指定があれば) 全体や広告部分にも該当箇所があるかと思います。 これらプロパティを併用しないようなつくりにするか、 ブラウザ別にスタイルを変えるなど対処してください。 「cssハック」で検索すると、特定のブラウザに向けて スタイルを設定する方法を説明するサイトが沢山出るかと思います。