como colocar capa de esta forma

jalex16 · #1 (**permalink**) 29/05/2009, 08:27

hola
como puedo colocar una capa así?

tengo la capa roja dentro de la azul, pero quiero que se expanda a todo el ancho de la pantalla.

kseso? · #2 (**permalink**) 29/05/2009, 08:44

En el css:
Contenedor principal: posición relativa.
contenedor azul: posición absoluta, z-index:1, y ajusta los valores top: Xpx; left: Ypx para posicionarla y añades los tamaños
contenedor rojo: posición absoluta, x-index:2, ajusta los valores top: Xpx; left: Ypx para que te quede sobre la anterior y añades los tamaños.
En el html:

Código html:

Ver original<div id="principal">
<div id="azul">...</div>
<div id="rojo">...</div>
</div>

jalex16 · #3 (**permalink**) 29/05/2009, 09:07

gracias
ubiqué la capa azul despues de la roja y le di un margin-top nada mas :D funcionó, pero aun no lo pruebo en IE6

kseso? · #4 (**permalink**) 29/05/2009, 09:16

Nada, jalex16.
Posíblemente ta conozcas la "guía de Migración sin dolor" del D.H.C. Cum Laude Mikmoro.

Fíjate en su explicación de las posiciones

jalex16 · #5 (**permalink**) 29/05/2009, 10:50

muchisimas gracias. me quedó claro lo de position: absolute y también lo del alto y ancho de los links.
sencillo y valioso.