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

Question

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

Al cambiar el tamaño de la ventana del navegador, los elementos de la página se superponen.

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

Answer 1

Puede establecer la propiedad min-width de CSS para la etiqueta de cuerpo. Ya que esta propiedad no es compatible con IE6, se 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, más o menos diste la respuesta. En tu CSS, dale al elemento contenedor un ancho mínimo. Si usted tiene que apoyar IE6 puede utilizar el min-width-trick:

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

Eso será efectivamente le dará 800px min-width en IE6 y cualquier navegador hasta a la fecha.