Hola, mi problema es el siguiete.
Estoy haciendo una web, cuyo cuerpo central sera de 950px, y los laterales, el izquierdo y el derecho se auto ajustaran al ancho de la resolucion del usuario .... mostrando una imagen de fondo.
Este es el codigo basico que he realizado:
Código:
<style>
#barraBusqueda {
margin: 0 auto;
background-color:#012e57;
height:30px;
}
#leftContainerSB {
float:left;
background-color:#012e57;
width: auto;
height:30px;
}
#mainContainerSB {
background-color:#fffff;
width: 980px;
padding:0px;
margin:0px;
height:30px;
}
#rightContainerSB {
float: right;
background-color:#012e57;
margin-right: auto;
margin-left: auto;
width: auto;
height:30px;
}
</style>
<div id="barrabusqueda" align="center">
<div id="leftContainerSB"> izquierda </div>
<div id="rightContainerSB"> derecha </div>
<div id="mainContainerSB">Cuerpo central</div>
</div>
Todo funciona, se ajusta al centro, y los laterales se expanden y contraen cuando cambia la resolucion PERO ... estoy intentado poner en la izquierda y en la derecha una imagen de fondo que se repita para rellenar la zona que se expande o contrae con un dibujo .... pero la imagen de fondo que defino no aparece a no ser que tenga algún texto o contenido dentro del DIV ... en cuyo caso la imagen llega unicamente hasta donde alcanza el texto ...
he probado con:
Código:
<div id="leftContainer" style="background:url(/imagenes/fleco_izq.png); background-repeat:repeat;">
ó
<div id="leftContainer" style="background: transparent url(/imagenes/fleco_izq.png) repeat top right; background-repeat:repeat ">
pero nada, no lo consigo, tambien he probado a meter la imagen dentro del div ...
<div id="leftContainer"><img src="...." width="100%" height="100%"></div>
pero nada ...
Cualquier ayuda sería muy apreciada .... muchas gracias