html - 表の上部の余白を削除するには?

Question

編集:ここにいくつかのコードを投稿しましたが、再現できませんでした。だからここに問題へのリンクがあります：

http://stackmobile.quickmediasolutions.com/questions.php?site=stackoverflow

私が何をしても、テーブルと DIV の間にはまだギャップがあります。これは、Linux 上の Google Chrome 5.0.375.70 ベータ版で発生します。(また、他の Webkit ベースのブラウザーでも発生するようです。)

スペースをなくすにはどうすればよいですか？

score 2 · Accepted Answer

次の CSS を使用してみてください:-

div {
    margin: 0px;
    padding: 0px;
}
table {
    margin: 0px;
    border-collapse: collapse;
    padding: 0px;
}

score 2 · Accepted Answer

div とテーブルの間にスペース文字がある場合があります。はいの場合は、それを削除してみてください。

あげてみて

body
{
    font-size: 1px;
}

4pxが縮小されているかどうかを確認します。

score 1 · Accepted Answer

div マージンもゼロにしてみてください。

div {
    margin:0;
}

これは私が使用した完全なページです。私にとってはうまくいくようです：

<!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">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <title>Test</title>
        <style type="text/css">
            div {
                width:2em;
                height:2em;
                background-color:black;
            }
            table {
                background-color:red;
                margin: 0px;
                border-collapse: collapse;
                padding: 0px;
            }
        </style>
    </head>
    <body>
        <div></div>
        <table>
            <tr><td>Test</td></tr>
        </table>
    </body>
</html>

score 0 · Accepted Answer

私はついにそれを修正しました！

追加する必要があったのは

height: 40px;

に

#topbar_logo {
    float: left;
}

html - 表の上部の余白を削除するには?

4 に答える 4

Related

Reference