ホームページ作成時、画像と画像をつめて表示したいのに、すきまが空いてしまう。
Web作成
<img>タグと次の<img>タグの間にスペースや改行が入っていませんか？ それらを消してみましょう。
InternetExplolerだとすき間無く表示されるのに、他のブラウザ（FireFoxなど）だと空いてしまう。
Photoshopなどの画像ソフトなどでWebを作る時、画像ソフトがHTMLを出力してくれる便利な機能がありますが、Table（表形式）で出力されると、IE以外だと画像とtableの間にすき間が空いてしまうことがあります。
次の二つの方法で治りますが、最良の方法かどうか分かりません。
- imgのスタイルをdesplay:block;などとして、ブロック要素に指定する
- スタイルのvertical-align:bottomなどで、下詰めにする
- DOCTYPEの宣言を互換モードに変えてしまう。（逃げ？）
また、全角のスペースなどが入っていることもあります。
Dreamweaverだと発見できないので、このせいだと発見が遅れてしまいますね。テキストエディタなどでHTMLソースを見てみましょう。
- Photoshopから画像とHTMLを作成したところ、IE7だけ画像の間に隙間があいてしまい、困ってました。imgのスタイルをdesplay:block;にして確かに治りました。 — 名無し {2008-03-16 (日) 17:01:01}