こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

分割した画像の結合表示について

とてもはまっています。よろしくお願いいたします。
以下の通りのページを作った際にInternet Explorer以外のブラウザ、FirefoxやOperaではそれぞれの画像に数ピクセルの隙間ができてしまいます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Language" CONTENT="ja">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS">
<TITLE>TEST</TITLE>
</HEAD>
<BODY>
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" SUMMARY="TEST">
<TR>
<TD><IMG SRC="image/top_1.gif" WIDTH="700" HEIGHT="50" ALT="1"></TD>
</TR>
<TR>
<TD><IMG SRC="image/top_2.gif" WIDTH="700" HEIGHT="50" ALT="2"></TD>
</TR>
<TR>
<TD><IMG SRC="image/top_3.gif" WIDTH="700" HEIGHT="50" ALT="3"></TD>
</TR>
</TABLE>
</BODY>
</HTML>

今までも同様のことをしていたのですが全て正常に表示されていました。
今回初めてDOCTYPEを指定して作っています。
DOCTYPEを指定しなければ正常に表示されますが指定している状態で隙間無く表示させるにはどうしたら良いでしょうか。

投稿日時 - 2006-07-11 15:03:50

QNo.2269267

困ってます

質問者が選んだベストアンサー

table {border-collapse:collapse;border-spacing:0;}

td {padding:0;}

img {vertical-align:bottom;}


どれかが正解(のはず)。
自信なし。

投稿日時 - 2006-07-11 18:27:12

お礼

その後調べ続け
img {vertical-align:bottom;}
が正解のようでした。ありがとうございました。

投稿日時 - 2006-07-11 22:52:37

ANo.2

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
で妥協してはだめですか

投稿日時 - 2006-07-11 18:19:52

あなたにオススメの質問