поле наверху, которое я не хочу - PullRequest
Новая
       31

поле наверху, которое я не хочу

2 голосов
/ 12 мая 2010

Почему-то я получаю пробел в верхней части страницы. HTML: 

<body>
   <div id="main">
    <div id="topcontainer">
    <div id="topmenu">
    asdasdsa
    </div>
</div>

CSS: 

body
{
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
}

#main
{
width: 1024px;
margin: 0 auto 0 auto;
}

#topcontainer
{
height: 80px;
}

#topmenu
{
height:40px;
background-image:url('../siteimages/topmenu.jpg');
}

#secondmenu
{
height:40px;
}

Есть небольшое количество пустого пространства наверху, есть идеи?

Ответы [ 3 ]

7 голосов
/ 12 мая 2010 
body, div { margin: 0; padding: 0; }
2 голосов
/ 12 мая 2010

Дэвид уже ответил на ваш вопрос, но я хотел бы отметить, что сброс CSS здесь.

Есть много критиков по поводу сброса CSS, но я предпочитаю использовать сброс CSS Meyerweb

Если вы продолжите работу с html с самого начала, у вас будет много нежелательных вычисленных стилей, и вы можете избежать заблаговременного сброса CSS и продолжать работать без уродливого стиля браузера.

Надеюсь, это поможет.Синан.

РЕДАКТИРОВАТЬ: Основная часть упомянутых CSS 

/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
0 голосов
/ 12 мая 2010

В вашем примере кода отсутствует закрывающий div. Вы хотите закрыть <div id="topcontainer"> или <div id="main">.

Как уже упоминалось, добавить, 

margin: 0;
padding: 0;

К вашему телу css, так как это удалит поля браузера по умолчанию. Или используйте таблицу стилей сброса.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...