Как сделать фоновое изображение div на верхней части веб-страницы?

Question

Я работаю над созданием навигационной панели, и у меня возникает проблема. Это то, что моя навигационная панель выглядит следующим образом:

Это имеет как 8px белой каймой вокруг него, и это то, что я хочу, чтобы это выглядело как:

без 8px белая граница вокруг него.

Я использую этот код для него:

.header 
{ 
width: 100%; 
height: 80px; 
background : #464646; 
background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69))); 
background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69)); 
border-top:1px solid #939393; 
position: relative; 
margin-bottom: 30px; 
} 

Я могу использовать это:

margin-left:-8px; 
margin-right:-8px; 
margin-top:-8px; 

и поставьте ширину до 102%, но это дает мне скроллбар на дне.

Это может быть запутанным, но я новичок, и мне нужна помощь. Если вы можете мне помочь, я буду очень признателен!

Спасибо.

Answer 1

Вы должны установить маржу на вашем теле до 0, как это:

body 
{ 
    margin:0; 
} 

Answer 2

Ваш body тег поставляется с полями. Это твоя проблема.

Do:

body { margin: 0px; } 

Answer 3

Агенты пользователей применять стили по умолчанию для вашей веб-страницы, которые вам нужно переопределить, в данном случае это margin так как вы можете сбросить margin как

body { 
    margin: 0; 
} 

в Else вы также можете использовать универсальный селектор , такой как

* { 
    margin: 0; 
    padding: 0; 
} 

DEMO HERE

---

Для правильного сброса таблицы стилей, используйте CSS RESET STYLESHEET

Answer 4

Я считаю, что это потому, что браузер имеет некоторую умолчанию стиль, один из которых является запас 8px окружающего содержимого, смотрите в «сброс CSS» или если вы просто хотите удалить, что одна вещь попробовать

body 
{ 
    margin: 0px; 
} 

Надежда, что помогает

Answer 5

установить HTML ~ nd body to:

body, html {padding: 0; margin: 0;} 

Это сбросит все браузеры и удалит границу.

Answer 6

Это объявит на всей странице не только Тело.

* { 
    padding: 0; 
    margin: 0; 
} 

http://jsfiddle.net/cornelas/gwM4X/2/