Largeur minimale dans le redimensionnement de la fenêtre

Question

J'ai une page Web avec une disposition fluide avec une largeur de 100%.

Lorsque je redimensionne la fenêtre du navigateur, les éléments de la page se chevauchent.

Je voudrais créer un effet similaire à celui de ce site Web http://bologna.bakeca.it/ que lorsque la fenêtre est plus petite qu'une largeur fixe arrêt de redimensionnement.

Answer 1

Vous pouvez définir la propriété min-width de CSS pour l'étiquette body. Étant donné que cette propriété est pas pris en charge par IE6, vous pouvez écrire comme:

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; */ 
} 

Ou:

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

Eh bien, vous avez assez bien vous avez donné la réponse. Dans votre CSS, donnez à l'élément conteneur une largeur minimale. Si vous devez supporter IE6 vous pouvez utiliser le min-trick-largeur:

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

Cela vous donnera effectivement 800px min-largeur dans IE6 et tous les navigateurs mis à jour.