Min Largeur de redimensionnement de la fenêtre

Question

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

Quand je redimensionner la fenêtre du navigateur les éléments du chevauchement des pages.

Je voudrais créer un effet similaire à ce site http://bologna.bakeca.it/ que lorsque la fenêtre est inférieure à un redimensionnement de butée largeur fixe.

Answer 1

Vous pouvez définir la propriété min-largeur de CSS pour la balise body. Étant donné que cette propriété est pas pris en charge par IE6, vous pouvez écrire à:

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 a donné la réponse. Dans votre CSS donner à l'élément contenant un minimum de largeur. Si vous devez supporter IE6 vous pouvez utiliser le min-width-trick:

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

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