- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：IE7でプレビューすると隙間が・・・）
IE7でプレビューすると隙間が・・・
このQ&Aのポイント
- Dreamweaver CS4でのテキスト学習中に、IE7でプレビューすると画像の隙間が生じる問題に遭遇しました。
- 画像とバナー用の画像の間に白い隙間があり、正しい手順にも関わらずIE7のみで表示されます。
- 解決策や原因についてご教示いただけると幸いです。
- super_step
- お礼率65% (27/41)
- ホームページ作成ソフト
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
noname#248056
回答No.1
IE7以降、だいぶましになって来たようですが、まだまだブラウザ間のCSS表示不具合はあるようですね。 画像部分も含めたソースはどうなっていますか？ 同じような条件のもと、仮のサイズで試したらIE7でも隙間は出ませんでした。 <head> ・ ・ ・ <style type="text/css"> <!-- #wrapper { margin: 0px auto; padding: 0px; width: 800px; } h1 { margin: 0px; padding: 0px; } h2 { margin: 0px; padding: 0px; } --> </style> </head> <body> <div id="wrapper"> <h1><img src="*****.jpg" alt="*****" width="800" height="400" /></h1> <h2><img src="@@@@@.jpg" alt="@@@@@" width="800" height="80" /></h2> </div> </body> ・ ・
お礼
ldrnSTM様。 なかなか回答が付かずに困っていたところへの回答、 心より感謝いたします。 自分なりに色々と試してみたところ、なんとか自力で解決 することができました。 コードを確認したところ、 <h1><img src="*****.jpg" alt="*****" width="800" height="400" /> </h1> ↑この様になっていて、ｈ1の終了タグ「</h1>」の前で改行されていて、さらにその終了タグの前に空白が数個入っていたのが原因のようでした。無駄な空白を削除したところ、IE7でも隙間なく表示されるようになりました。 ただ、納得がいかないのは、ソフトウェアが何故にこのような記述の仕方をしたのか？ということです。 わたくし自身がコードを開いていじった訳でもないので。 今回は、自力解決ということになってしまいましたが、 回答をくださったお気持ちだけで十分嬉しく思います。 本当にありがとうございました。 また、質問することがあるかと思いますので、 その時もまたよろしくお願いします。