2012-03-02 5 views
-1

「レイアウトエンジンが標準モードになっているときに、テーブルの画像行にギャップがあるのはなぜですか? Mozilla Web Developer FAQ(そしてhereの詳細な説明)テーブル内のイメージ行間のギャップ?

私はこの問題をマイヤーの「CSS:The Definitive Guide」にも述べました。

しかし、私はfirefox 10.0.2、ie8とchrome 17.0.963.56でテストしましたが、すっかり隙間ができませんでした。

ここには、私が使用したタグがあります。

<table> 
    <tr> 
    <td style="padding:0; background-color:red;"> 
     <img src="https://developer.mozilla.org/@api/deki/files/718/=Images-tables-gaps-figure1.gif" /> 
    </td> 
    </tr> 
</table> 
+1

私はフォローしていません。あなたの質問は何ですか?あなたは何の問題も経験していないようです。あなたは明確にしていただけますか?ありがとう! – SenorAmor

+1

これを書くためにクリックしたボタンに 'Ask Question'というラベルが付いていることに気がつきましたか? – arunes

+0

MozillaのFAQとmayerの本によると、標準モードには違いがあります。しかし、私はFirefoxでもこれを再現することができませんでした。現代のブラウザはこのような動作をしていますか? – alice

答えて

0

あなたはあなたがテストしているページ上の標準モードにいる絶対的に一定のか?あなたのページが完全に準拠していない場合、ブラウザーは尋ねることなくクォークモードに変更されている可能性があります。その場合、イメージにはギャップがありません。 (Check hereブラウザで標準モードまたは準拠モードを使用しているかどうかを確認する例)

次のページは、ChromeとIEのギャップを少なくとも示しています。 doctype宣言を削除すると、ギャップが表示されません。それを保つと、ギャップが見えます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> 
<html> 
<head></head> 
<body> 
<table border="1"> 
<tr><td> 
<img src="" width="20" height="20" /> 
</td></tr> 
</table> 
</body> 
</html> 
+0

あなたはそうです!私はhttp://htmledit.squarefree.comを使ってテストしましたが、私は標準モードがデフォルトで有効になっていると思っていましたが、これは真実ではありません。 – alice

関連する問題