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

hola de nuevo
muchisimas gracias por responder

a ver, os cuento...

probando lo que dice angelAparicio, con algunos retoques, me ha quedado todo mas o menos bien, salvo el gris, que se desplaza a la izquierda sobresaliendo del template... mirad una captura:




el codigo que usé:

Código:
<div class="contenedor-grande">
	<div class="contenedor1">
		
        <div class="azul">
        hola
        </div>
		<div class="contenedor2">
        <div class="gris">
    	hola
    	</div>
    
    	<div class="verde">
        hola
        </div>
           </div>         
    </div>   
                 
    <div class="rojo">
    hola<br />hola<br />hola<br />
    </div> 
</div>


Código:
.contenedor-grande{width:980px;}
.contenedor1 { float:left;width:100%; margin-right:-210px;}
.contenedor2 {width: 100%;margin-left: -210px;}
.azul {background-color:blue;}
.gris {float:left; width:100%; margin-right:-315px; background-color:grey;overflow:hidden;}
.verde { width:315px; float:left; overflow:hidden; background-color:green;}
.rojo { width:210px;  overflow:hidden; float:right; background-color:red;}



y luego, probé con la solución que propone C2am y se ve todo perfecto, pero en cuanto quito contenido de la columna roja, la gris debería espandirse, en cambio se queda en el sitio, y sigue el hueco en blanco que deja el rojo