Capa sobre capa relativa

xenon254 · #1 (**permalink**) 17/08/2009, 01:16

Buenas

Necesito seguir este esquema:

Código:

#container{
	position: relative;
	width:966px;
	height: auto;
	margin: 0 auto;
	font-size: 1.9em;
	border-left: solid #c9c6b3 30px;
	border-right: solid #c9c6b3 4px;
	background-color:#FFF
}

.rotulo{
	position:relative;
	width: 800px;
	height: 50px;
	background-color:#039;
	z-index:100;
}

Donde rot_1, rot_2 y rot_3 tienen las propiedades de .rotulo con la diferencia del margin-top.

Alguien puede ayudarme a situarlos?. Muchas gracias.

Un saludo,

kseso? · #2 (**permalink**) 17/08/2009, 05:28

Hola Vecino del Norte:

Cita:

Alguien puede ayudarme a situarlos?

¿A qué te refieres con situarlos?
Si es a que se coloque la banda azul sobre el borde izquierdo de #container, sólo tienes que añadir un "margin-left: -30px" a los rótulos (margen en negativo igual al borde de su ancestro).

Si es a la separación vertical, vendrá marcada por los contenidos que haya entre rótulo y rótulo.

Un salaudo

xenon254 · #3 (**permalink**) 17/08/2009, 08:04

Magnifico vecino del sur !!!

Una vez más me has solucionado el problema. Muchas gracias.

Un saludo,

PD. Era por lo del margin-left negativo.