Foros del Web » Creando para Internet » CSS »

Capa sobre capa relativa

Estas en el tema de Capa sobre capa relativa en el foro de CSS en Foros del Web. 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; ...
  #1 (permalink)  
Antiguo 17/08/2009, 02:16
 
Fecha de Ingreso: noviembre-2007
Ubicación: ZaMoRa CiTy
Mensajes: 251
Antigüedad: 10 años, 1 mes
Puntos: 1
Capa sobre capa relativa

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,
  #2 (permalink)  
Antiguo 17/08/2009, 06:28
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Capa sobre capa relativa

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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 17/08/2009, 09:04
 
Fecha de Ingreso: noviembre-2007
Ubicación: ZaMoRa CiTy
Mensajes: 251
Antigüedad: 10 años, 1 mes
Puntos: 1
Respuesta: Capa sobre capa relativa

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:21.