- ベストアンサー
IE７とIE８の表の表示の違いについて
- IE７とIE８での表の表示には違いがあります。IE７では画像がセルに収まり、見た目もきれいですが、IE８ではセルが画像より広がり、表の枠組みがずれることがあります。
- ４つの表のうち、３つに表示のズレが現れ、１つだけは正常に表示されます。ソースコードを比較しても違いはありません。また、ブラウザの違いだけではなく、OSの違いも影響する可能性があります。
- IE７でもIE８でも表が正常に表示される方法は分かりません。表の枠組みのズレの原因やブラウザやOSによる表の見え方の違いについて、詳しい方にアドバイスをいただきたいです。
- fairtreat
- お礼率97% (69/71)
- Windows XP
- 回答数3
- ありがとう数5
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
■ＣＳＳの基本中の基本ですが。。 まず、どんな場合でも、ブラウザの個別のデフォルトのマージンを共通にするためには、ｃｓｓに * { margin:0px; padding:0px; } がかならず必要です。 次に、テーブルの中にイメージを収める場合で余白が自動的に挿入される場合は、 ｃｓｓに img { display:block; } を入れないと余分な余白が設けられることがありますので、これも必ず必要です。 ** この辺は大丈夫でしょうか？
お礼
アドバイスありがとうございます。 * { margin:0px; padding:0px; } は、挿入してあります。 img { display:block; } こちらは、記載をしていませんでした。勉強不足ですね。 試してみたのですが、私のケースでは、余白部分に変化はありませんでした。 なにかほかの原因なのでしょうね・・。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
他のブラウザ、firefox,Opera,safari,GoogleChrome等では、IE8と同じように見えますか？ なら、IEのモードが違う。 画像は小さくて確認できませんが、tableを使ってデザインされているようですが、これ自体が、そもそもの問題なのでそれを止めて、きちんとCSSでデザインしなおしましょう。この程度の簡単なデザインならブラウザによる見え方の差が最小になるように修正するのは容易でしょう。 Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html ) でとりあえずチェック
お礼
tableは使わないほうが良いというのは、知っていたのですが、CSSの知識もまだ浅いため、 知っている範囲で作ってしまいました。 作り直したいと思っています。 HTMLのチェックができるのですね。こちらも活用していきたいと思います。 ご回答ありがとうございました。
お礼
教えていただいたサイト、読ませていただきました。 詳しくわかりやすい説明で、とても勉強になりました。 早速試してみようと思います。 ご回答ありがとうございました。