Cabeceras CSS

Allcan · #1 (**permalink**) 30/05/2008, 08:04

Hola, pues no sé como hacer una cabecera que ocupe TODO el ancho del explorador... como el caso de esta pagina el tono azul/negro que hay arriba :/ donde el box buscar. Alguna ayuda?

pavelinhos · #2 (**permalink**) 30/05/2008, 09:28

hola, que tal con esto:

en el css:

Cita:

#cabecera{
width:100%;
background-color:#000;
}

y en el html

Código HTML:

<body>
<div id="cabezera">
<h1> Forosdelweb</h1>
</div>
</body>

Mikmoro · #3 (**permalink**) 30/05/2008, 10:20

Cita:

Iniciado por pavelinhos

hola, que tal con esto:

en el css:

y en el html

Código HTML:

<body>
<div id="cabezera">
<h1> Forosdelweb</h1>
</div>
</body>

Yo diría:

html, body {margin: 0; padding: 0; width: 100%:}

#cabecera{
width:100%;
background-color:#000;
}

Mikel.

Allcan · #4 (**permalink**) 31/05/2008, 15:35

Cita:

Iniciado por Mikmoro

Yo diría:

html, body {margin: 0; padding: 0; width: 100%:}

#cabecera{
width:100%;
background-color:#000;
}

Mikel.

Muchas gracias, era lo que quería :P Otra pregunta... como podría poner una capa encima de otra? Por ejemplo quiero poner encima de la cabecera un texto pero este me queda directamente abajo... me gustaría hacer alguna cosa para que los div vayan por niveles, por así decirlo. Es posible eso?

Mikmoro · #5 (**permalink**) 01/06/2008, 10:47

Lo siento pero no entiendo los de los divs por niveles.

Mikel.

punk567 · #6 (**permalink**) 01/06/2008, 15:29

puede ser utilizando la propiedad z-index, indice para capas superpuestas, funciona con position absolute y relative

Allcan · #7 (**permalink**) 03/06/2008, 14:23

Gracias ;)