Как убрать маржу в верхней части таблицы? - PullRequest
Новая
       1

Как убрать маржу в верхней части таблицы?

4 голосов
/ 16 июня 2010

Редактировать: Я разместил здесь некоторый код, но не смог воспроизвести его. Итак, вот ссылка на проблему:

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

Что бы я ни делал, между столом и DIV все еще есть зазор. Это происходит в бета-версии Google Chrome 5.0.375.70 в Linux. (И, похоже, это происходит и в других браузерах на основе Webkit.)

Как мне избавиться от места?

Ответы [ 4 ]

2 голосов
/ 16 июня 2010

Попробуйте использовать следующий CSS: - 

div {
    margin: 0px;
    padding: 0px;
}
table {
    margin: 0px;
    border-collapse: collapse;
    padding: 0px;
}
1 голос
/ 16 июня 2010

Между div и таблицей может быть пробел. Если да, то попробуйте удалить это.

Попробуйте дать 

body
{
    font-size: 1px;
}

и проверьте, были ли уменьшены 4 пикселя или нет.

1 голос
/ 16 июня 2010

Попробуйте также обнулить поле 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>
0 голосов
/ 16 июня 2010

Я наконец исправил это!

Все, что мне нужно было добавить, было 

height: 40px;

к 

#topbar_logo {
    float: left;
}
...