Ancho de pantalla completa área div

Question

¿Cuál es el mejor enfoque para crear un div que abarque todo el ancho de la pantalla, sin importar la resolución? Intento agregar una barra "superior" y el área inferior "pie de página" con divisiones que tienen un fondo negro y un borde con estilo que crearía con una imagen pequeña y repetir. Por algún motivo, mis intentos conducen a espacios pequeños en la parte superior y en los lados del div.

Mi marcado es similar 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

sólo tiene que utilizar top:0; y left: 0; y también se puede eliminar padding: 0. No use top: 0; para otro div excepto top, use left: 0; para otro div para eliminar el espacio izquierdo.

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

Answer 2

Asegúrese de que tiene bodypadding y margin conjunto de 0 en el CSS.

Answer 3

lo general, esta es la etiqueta body tener algunos rellenos y/o márgenes. Trate de añadir:

body { 
    padding: 0; 
    margin: 0; 
} 

Si esto funciona, es posible que desee considerar using a normalization stylesheet que soluciona este tipo de problema, así como muchos otros tipos relacionados de problemas.