Perdonad por la tardanza en mi respuesta, y por no haber hecho la pregunta apropiadamente.
He estado probando, y esto es lo que he conseguido:
Cita: Cuando haya espacio suficiente, que estén ambos alineados (uno a la izquierda y otro a la derecha):
- El div de la derecha tendría un ancho de 120 px.
- El div de la izquierda ocuparía todo el ancho disponible que deje el otro div.
<div id="lateral">
<div id="principal">
El div "lateral" tiene width:120px y float:right
El div "principal" tiene overflow:hidden
Cita: Cuando no haya espacio disponible (pongamos que el div de la izquierda tenga un ancho mínimo de 400 px), entonces pretendo que un div esté debajo del otro.
- Ambos divs ocuparían todo el ancho disponible.
@media screen and (max-width: 520px) {
#lateral {
width: 100%;
float:left;
}
#principal {
width: 100%;
float:left;
}
}
¿Es la manera correcta de hacerlo? ¿Existe otra alternativa mejor para hacer la web 'responsive'?