Hola Ib3xn0:
Cuando se maqueta con %, o diseños líquidos, hay que tener en cuenta los 2 extremos, tanto pantallas excesivamente grandes y el contrario, ventanas muy pequeñas.
Para ello, como te comenta Aresillo, se utiliza tanto el "max" como el "min" width. Pero esa forma acortada no es reconocida por ie,así que hay que completarla con:
Cita: div {
max-width: 800px;
width: expression(document.body.clientWidth > 801? "800px": "auto");
}
min-width equivalente para Internet Explorer:
div {
min-width:800px;
width: expression(document.body.clientWidth < 801? "800px": "auto" );
}
Por cierto, normalmente en los diseños"líquidos" lo que se hace es aplicar el % a un contenedor de toda la página y si es un layout de 2 columnas, por ejemplo, al sidebar se le da una anchura en px y se coloca en su posición mediante el float, y al div principal no se le asigna ni anchura ni posición, con lo que se coloca en su sitio y ocupa todo el espacio que quede libre en el contenedor. Aunque supongo que esto ya te es conocido.
Un saludo