hacer que una capa o elemento ocupe todo el ancho de la pantalla

[deywibkiss]

Sé que suena muy tonto, pero me estoy iniciando en esto de CSS y quisiera saber como hago para crear una capa que ocupe todo el ancho del navegador sin dejar un solo espacio.


tengo este codigo:

#menustatic h1{
width: 100%;
background-color:#0066CC;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

tengo un titulo h1 contenido en una capa menu y a ese elemento le he puesto ancho al 100%.

el resultado es que me dibuja bien pero el lado izquierdo tiene un espacio, mientras que en el derecho si lo rellena.

creo que es algo con las alineaciones, pero tampoco se como alinear al centro o a alguna posicion que me ayude a rellenar ese espacio en la parte izquierda.

Lo que quiero lograr es una barra asi como la de sitios web como este o la barra azul de facebook, que ocupan todo el ancho sin dejar espacios.

[Virtualforos]

¿Probas con esto al principio de los estilos?

*{content:0; padding:0; border:0; margin:0;outline:0;}


Eso debería resetear a 0 los bordes, etc. Quiza haya que poner todo el codigo o un link a la página que estas diseñando para comprender mejor el tema.

[deywibkiss]

ya probe con ello... y no funciona!!! Lo que quiero hacer es una barra de encabezado igual a la de foros del web... notas que tanto los espacios izq y dere no tienen espacios y rellenan todo el ancho?

[xFantaSx]

Debes crear una regla para el body.

body {
margin:0;
}