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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
絶対にいけるWindowsXPsp3の無...
-
WindowsXPを最近のパソコンに...
-
Windows XP SP3のインストール...
-
シムズ4(PS4版) マイライブラリ...
-
アウトルックを「タスクバー」...
-
平仮名変換
-
ラズパイでwindows XPは動くのか
-
pc ウインドーズ こんな感じな...
-
パソコン起動時に謎のエラー画...
-
windows XP SP2をダウンロード...
-
グラフィックボードの大きさを...
-
txtは縦書きの機能ないですか?
-
HDDがフォーマット出来なくなった
-
WIN11電源でスリープが見えなく...
-
突然、デスクトップに画像のよ...
-
Windows xpにWindows10を無理や...
-
WindowsXPのバージョンについて
-
パソコン起動時に2つのユーザー...
-
パソコンでCDを見たい、見る...
-
WindowsVISTAが起動しない。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Windows Meでも快適に使用でき...
-
Windows 7 Starter
-
グーグルChrome6がIE...
-
アドレスバーに勝手にhttpが入...
-
マックOS9.2でも使用できるブラ...
-
ソフトを終了してもタスクマネ...
-
グーグルクロームよりIEが遅...
-
スプリクトエラーの対策方法を...
-
CPU使用率の問題
-
パソコン画面が真白になりました
-
フレームをサポートしているブ...
-
ブラウザごとの音声デバイス変更
-
教えてgooの文章が読みにくい
-
タスクバーにアメリカの時刻の...
-
ビデオカード AH3650 2D性能低...
-
パソコンが重いというより動作...
-
internet explorerの「操作は中...
-
いいブラウザ
-
windowsでつくったホームページ...
-
アクセスログにあったのですが...
おすすめ情報