Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/11/2010, 18:34
Avatar de LauRiTa-C
LauRiTa-C
 
Fecha de Ingreso: marzo-2008
Mensajes: 9
Antigüedad: 16 años
Puntos: 0
Problema con divs de ancho fijo y variable

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