IE7とIE8の 表の表示のされかたの違いについて伺います。
セルに画像を挿入した表を、縦に4つ配置しています。
IE7で見ると、画像がセルにきれいに収まっているのに、IE8で見ると、セルが画像より広がって隙間ができ、表の枠組みがずれています。(添付画像を見てください。)
この症状は、4つある表のうち、3つに現れ、1つだけはきれいに表示されています。
ソースに何らかの違いがあるのかと思い、HTMLを見比べましたが、どの表も同じです。
作成した表、すべてがズレて見えるのなら、ブラウザの何かの違いの結果かもしれませんが、
ズレるもの、ズレないものがあるのも、不思議でなりません・・・。
何をどう修正したら、IE7でもIE8でもズレないで表示されるのかわからず、困っています。
VISTA・IE7 と XP・IE8 で見ています。
表の枠組みのズレの原因、ブラウザによる表の見え方の違いについて、どなたか教えてください。
至急で修正しなければならないので、どうぞよろしくお願いします。
No.1ベストアンサー
- 回答日時:
IEは昔からwebレタリングに独自の機能や解釈をふんだんに入れていて、それがバージョンごとに違ってたりします。
IE8からは他のブラウザ(Firefox、Chrome、Safari、Opera)と同じように国際規格に出来るだけ近いレタリングをするようになりました。
詳しくはこちらをどうぞ。
http://www.atmarkit.co.jp/fdotnet/special/ie8rev …
IE8では互換表示の機能が追加されていますので、これを利用することでIE7のレタリング結果に近づけることが出来ます。
やり方は上のリンク先を参考にどうぞ。
教えていただいたサイト、読ませていただきました。
詳しくわかりやすい説明で、とても勉強になりました。
早速試してみようと思います。
ご回答ありがとうございました。
No.3
- 回答日時:
■CSSの基本中の基本ですが。
。まず、どんな場合でも、ブラウザの個別のデフォルトのマージンを共通にするためには、cssに
* {
margin:0px;
padding:0px;
}
がかならず必要です。
次に、テーブルの中にイメージを収める場合で余白が自動的に挿入される場合は、
cssに
img {
display:block;
}
を入れないと余分な余白が設けられることがありますので、これも必ず必要です。
**
この辺は大丈夫でしょうか?
アドバイスありがとうございます。
* {
margin:0px;
padding:0px;
}
は、挿入してあります。
img {
display:block;
}
こちらは、記載をしていませんでした。勉強不足ですね。
試してみたのですが、私のケースでは、余白部分に変化はありませんでした。
なにかほかの原因なのでしょうね・・。
No.2
- 回答日時:
他のブラウザ、firefox,Opera,safari,GoogleChrome等では、IE8と同じように見えますか?
なら、IEのモードが違う。
画像は小さくて確認できませんが、tableを使ってデザインされているようですが、これ自体が、そもそもの問題なのでそれを止めて、きちんとCSSでデザインしなおしましょう。この程度の簡単なデザインならブラウザによる見え方の差が最小になるように修正するのは容易でしょう。
Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint. … )
でとりあえずチェック
tableは使わないほうが良いというのは、知っていたのですが、CSSの知識もまだ浅いため、
知っている範囲で作ってしまいました。
作り直したいと思っています。
HTMLのチェックができるのですね。こちらも活用していきたいと思います。
ご回答ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) エクセル VBA For Next 繰り返しの書き方を教えてください 6 2022/09/01 14:11
- Excel(エクセル) エクセルで日付が入っているセルを一定の法則に従って違うセルに表示したい 2 2022/04/04 17:16
- Excel(エクセル) <スプレッドシート>IF関数の複数条件について 5 2022/10/27 14:38
- Excel(エクセル) エクセルについて教えてください。 1 2023/03/03 08:38
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- Excel(エクセル) エクセル、画像ファイル名の書かれたセル(複数個所)に画像を一括で表示させる方法 1 2023/04/19 00:19
- Excel(エクセル) IF 関数で「〇〇 という文字を含む場合」の分岐処理で表示された数字はSUMで数字集計できますか? 3 2022/08/02 16:29
- Excel(エクセル) iphonからone driveに保存してあるExcelを閲覧すると表示の仕方がちがうデータ 2 2022/12/21 13:51
- Excel(エクセル) エクセルで指定範囲にある名前と重複した場合に入力できないようにしたい 1 2023/07/13 09:58
- Gmail Gメールの受信トレイの表示が変わって、戸惑っています 1 2023/04/04 17:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
パソコン画面が真白になりました
-
Windows 7 Starter
-
グーグルChrome6がIE...
-
ウェブカメラが固まるんです
-
ASUS UEFI BIOS utilityという...
-
Microsoft Edge で InPrivateを...
-
パソコン版グーグルマップを最...
-
Aviutlがフリーズします
-
ベクターワークス11がフリーズ...
-
Lhaplusのショートカットアイコ...
-
BIOS画面でフリーズ
-
Audacityがしょっちゅうフリー...
-
ハイパーリンクの中にある履歴...
-
SDカードが読み取れなくなりフ...
-
フリーズについて
-
Webサイトのurlの保存方法?
-
HDD内のリンクしてないもの...
-
ANSYSについて
-
PCホーム画面・ショートカット...
-
サイトのショートカットアイコ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
フレームをサポートしているブ...
-
Windows 7 Starter
-
Windows Meでも快適に使用でき...
-
64bitで32bitブラウザを見る方法
-
internet explorerの「操作は中...
-
アドレスバーに勝手にhttpが入...
-
パソコンが重いというより動作...
-
Yahoo検索したものをオートコン...
-
マックOS9.2でも使用できるブラ...
-
ブラウザごとの音声デバイス変更
-
Webサイトのurlの保存方法?
-
サイトのショートカットアイコ...
-
パソコン版グーグルマップを最...
-
EdgeでInPrivate上Webページの...
-
Microsoft Edge で InPrivateを...
-
エクセルでマクロ使うとフリー...
-
フォルダのショートカットをバ...
-
エクセル固まった時 その作業...
-
指定されたパスは存在しません...
-
クロームの右上のダウンロード...
おすすめ情報