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!