Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/08/2009, 00:41
llnitoll
 
Fecha de Ingreso: enero-2004
Mensajes: 236
Antigüedad: 20 años, 10 meses
Puntos: 4
Pregunta Ayuda con posicionar capas.

Tengo un bloque donde hay una capa superior con el titulo y una capa al final con un fondo, y en medio una capa en la que hay 3 capas dentro, La primera es para poner un background a la izquierda, la segunda para poner el texto y la tercera para un background a la derecha.

El problema viene porque he de poner las 3 capas del medio una al lado de otra para que quede bien con el diseño, pero las capas con los backgrounds laterales no salen, solo salen con Position: absolute y salen por fuera. Tambien he probado con position:absolute en el box central pero nada, con floats, sin ellos nada...

He probado de todo, estoy mirandome la pagina de W3 school, pero no consigo nada.

<div class="block">

<div class="background_titulo"><div class="box_title">Titulo</div></div>

<div class="background_izquierda_box"></div>

<div class="box">

<div class="contenido">Texto</div>

</div>

<div class="background_derecha_box"></div>

<div class="background_final"></div>

</div>

Código:
.dbo
{
	background-image: url("fondo_titulo.png");
	background-repeat:no-repeat;
	width: 969px;
	height:33px; 
}

.background_izquierda_box
{
	
	position:relative;  
            float:left;
	height:100%;
	width: 5px;
	background-image: url("izquierda_box.png");
	background-repeat:repeat-y;	
}

.background_derecha_box
{
	position:relative;  
            float:right;
	width: 5px;
	height:100%;
	background-image: url("derecha_box");
	background-repeat:repeat-y;
}

.box    
{
	position:relative;    
	width:100%;
	border:0px;
	padding:0px;
	background-color: #f7f7f7;

}

.bbo
{
	background-image: url("fondo_final.png");
	background-repeat:no-repeat;
	width: 969px;
	height:10px; 
}
Gracias por el interes!

Última edición por llnitoll; 20/08/2009 a las 04:53