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
