Barra div de borde a borde de la ventana redimensionable

[netweb]

He creado un div en forma de barra en la parte superior de la web, el problema que tengo es que no consigo que se redimensione si agrando la pantalla, quiero que la barra empiece desde el borde derecho hasta el borde izquierdo sin margenes.
Siempre se me queda algún margen o agrando la pantalla y veo como se acaba la barra y empieza a quedar espacio en blanco etc..

ahora mismo el codigo lo he dejado asi

Código PHP:

  background-color: #000;  
height: 80px;   
width: 1220px;     
margin-top: -30px; 
margin: center; 
}  
   

[pzin]

Primero, seguramente tengas que resetear margin y padding de html y body, o todo en general, así:

Código CSS:

* {
margin: 0;
padding: 0;
}
 

Cada navegador da un margen a body diferente. Por eso es buena práctica resetear estos valores a cero.

Luego, en vez de dar un ancho en píxeles a la capa (DIV) pues deberías de poner un ancho porcentual de cien por ciento.

Código CSS:

div {
width: 100%;
}
 

Y seguramente puedas prescindir de margin-top: -30px (creo). margin: center, eso no existe. Puedes hacer en todo caso margin: 0 auto; (0 de arriba y abajo, y automático por los laterales, que usualmente se queda centrado).

[netweb]

Gracias! mas o menos me ha funcionado lo único que falla es que cuando la ventana tiene un cierto tamaño (cuando la hago mas pequeña) me sale un scroll en la parte de abajo del navegador lo deslizo y entonces veo que la parte derecha de la barra deja de unirse con el borde y aparece el espacio en blanco, contra mas pequeña la ventana mas grande es el espacio blanco que se crea.

Código PHP:

  * { 
margin: 0; 
padding: 0; 
} 
 
#cabezal{  
background-color: #000;  
height: 70px;   
width: 100%; 
}