Ancho mínimo en el cambio de tamaño de la ventana

Question

Tengo una página web con un diseño de fluido con un ancho del 100%.

Cuando cambio el tamaño de la ventana del navegador, los elementos en la página se superponen.

Crearía un efecto similar a este sitio web http://bologna.bakeca.it/ que cuando la ventana es más pequeña que un ancho fijo deja de cambiar el tamaño.

Answer 1

Puede establecer una propiedad Min-Width de CSS para la etiqueta del cuerpo. Dado que esta propiedad no es compatible con IE6, puede escribir como:

body{
   min-width:1000px;        /* Suppose you want minimum width of 1000px */
   width: auto !important;  /* Firefox will set width as auto */
   width:1000px;            /* As IE6 ignores !important it will set width as 1000px; */
}

O:

body{
   min-width:1000px; // Suppose you want minimum width of 1000px
   _width: expression( document.body.clientWidth > 1000 ? "1000px" : "auto" ); /* sets max-width for IE6 */
}

Answer 2

Bueno, prácticamente te diste la respuesta. En su CSS, le dé al elemento de contenido un mínimo de ancho. Si tiene que admitir IE6, puede usar el truco mínimo-width:

#container {
    min-width:800px;
    width: auto !important;
    width:800px;
}

Eso efectivamente le dará 800px Min-Width en IE6 y cualquier navegador actualizado.