- ベストアンサー
IE以外のブラウザでスペース
お世話になります 現在、ホームページを作っているのですが <?xml version="1.0" encoding="EUC-JP"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <body style="margin-top:0px;"> <table cellpadding="0" cellspacing="0"> <tr> <td style="vertical-align: top;"><img src="img/01.gif" width="180" height="20" alt="画像1" /></td> <td style="vertical-align: top;"><img src="img/02.gif" width="180" height="5" alt="画像2" /></td> </tr> </table> </body> </html> とやったときに IE6.0では上にスペースなく表示されるのですが NN7.1やOpera、Firefoxなどでは画像2の方の上にスペースが入ってしまいます このスペースをなくす方法はないでしょうか？ よろしくお願いします
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
こちらの問題ではないでしょうか？ 正確には画像２の上ではなく、画像１の下と思います。 http://www.mozilla.gr.jp/standards/webtips0018.html
その他の回答 (1)
- blue_leo
- ベストアンサー率22% (541/2399)
FireFoxで確認しましたがスペースってどこのことでしょうか？ とりあえず上にぴったりついた表示になってますよ。 座標など厳密にしたいならテーブルなど詳細がブラウザ依存するような作りにはしない方がいいです。
お礼
すいません また書き忘れていましたが テーブルを使わずに <?xml version="1.0" encoding="EUC-JP"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <body style="margin-top:0px;"> <img src="img/01.gif" width="180" height="10" alt="画像1" /> </body> </html> でも同じ現象でした
補足
返答ありがとうございます すみません。少し違いました 画像を2個並べた場合のみではなく、画像1つでも同じ現象でした これは私の環境なのでしょうか・・・ 画像のheightが16以上だとスペースは無くなるのですが それより下だとheightの値を下げるたびにスペースの範囲が広がっていきます これはやっぱりブラウザ依存の現象なんですね <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> の部分を消すと直るので、宣言の部分でなにか間違いがあるのかなっと思ったのですが
補足
ありがとうございます リンク先を拝見させていただいたのですが どうやらテーブルを使わなくても同じ現象が起こります 説明不足ですみませんでした