Larghezza schermo intero div area

Question

Qual è l'approccio migliore per creare un div che occuperà tutta la larghezza dello schermo, indipendentemente dalla risoluzione? Sto cercando di aggiungere un'area 'superiore' alla barra e in basso 'piè di pagina' con div che hanno uno sfondo nero e un bordo stilizzato che creo con una piccola immagine e ripeto. Per qualche motivo i miei tentativi stanno portando a piccoli spazi sulla parte superiore e sui lati del div?

mio markup è simile a:

<div id="top"> 

Top bar stuff 

</div> 

<div id="pagewrap"> 

All the page content 

</div> 

CSS

#top { 

width: 100%; 
margin: 0; 
padding: 0; 
background-color:#000 

Answer 1

Basta usare top:0; e left: 0; ed è inoltre possibile eliminare padding: 0. Non utilizzare top: 0; per altri div tranne in alto, utilizzare left: 0; per altri div per eliminare lo spazio a sinistra.

#top { 
    width: 100%; 
    margin: 0; 
    padding: 0; 
    background-color:#000 
    top: 0; 
    left: 0; 
} 

Answer 2

Assicurarsi che body ha padding e margin insieme a 0 in CSS.

Answer 3

solito questo è il tag body avendo alcuni imbottiture e/o margini. Prova ad aggiungere:

body { 
    padding: 0; 
    margin: 0; 
} 

Se funziona, si può prendere in considerazione using a normalization stylesheet che risolve questo tipo di problema, così come molti altri tipi di problemi correlati.