hola!
resulta que tengo un problema con unos divs que me están dando bastante la lata, y ya empiezo a desesperarme...
he creado una imagen para explicar mejor lo que trato de obtener:
en la zona azul me da igual el ancho que lleve...
el caso es que he empezado por crear un div contenedor para todo, que lleve a su vez otro contenedor que lleve dentro el azul, con el gris y el verde debajo, y luego a la derecha que flotase el rojo. esa era la idea, y parecía fácil, pero no lo es.
en el html puse:
Código:
<div class="contenedor-grande">
<div class="contenedor">
<div class="azul">
hola
</div>
<div class="gris">
hola
</div>
<div class="verde">
hola
</div>
</div>
<div class="rojo">
hola
</div>
</div>
y en el css:
Código:
.azul {background-color:#00F}
.gris {float:left; width:100%; margin-right:-315px;}
.verde { width:315px; float:left; overflow:hidden;}
esto lo envuelvo con:
Código:
.contenedor { float:left;width:100%; margin-right:-210px;}
y le meto el rojo:
Código:
.rojo { width:210px; overflow:hidden; float:left;}
pero nada, no hay manera de que me salga lo que pongo en la imagen... he probado de mil maneras y me estoy volviendo locaaaaa
a ver si alguien puede echarme un cable