Ajustar una columna

[unusuariosecreto]

¡Hola!

Estoy montando un diseño y querría poder ajustar el div amarillo que se ve en la imagen de forma que debajo del div rosa no haya nada.



Que quede algo mas o menos así:



He probado a poner esto en el div amarillo:
float:left;
width:570px;

En principio, consigo lo que quiero, pero no me ajusta del todo bien el borde derecho del div amarillo, y además, según que navegador, pues falla o no y acaba colocándose debajo....

¿Existe alguna manera de decirle al div amarillo que se vaya "estirando" hacia abajo, pero que no ocupe el espacio del div rosa?

Muchas gracias!!

[kseso?]

Busca algo relativo a las estructuras de 2 columnas
Puedes intentar algo así:

<div id="rosa">...</div>
<div id="amarillo">....</div>

Ambos flotados, y al menos el "rosa" con anchura definida.

[Mikmoro]

O simplemente poniendo al div amarillo un margen izquierdo igual al tamaño del div rosa:

#divrosa {float:left;
width: 100px;
}
#divamarillo {float:left;
width:570px;
margin-left: 110px;
}