webentwicklung-frage-antwort-db.com.de

Min. Breite beim Ändern der Fenstergröße

Ich habe eine Webseite mit einem fließenden Layout mit einer Breite von 100%.

Wenn ich die Größe des Browserfensters verändere, überlappen sich die Elemente auf der Seite.

Ich würde einen ähnlichen Effekt erzielen wie auf dieser Website http://bologna.bakeca.it/ Wenn das Fenster kleiner als eine feste Breite ist, beenden Sie die Größenänderung.

htmlcsswindow-resize
30
pAkY88

Sie können die Eigenschaft min-width von CSS für body-Tags festlegen. Da diese Eigenschaft von IE6 nicht unterstützt wird, können Sie wie folgt schreiben:

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

Oder:

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

Na ja, du hast dir so ziemlich die Antwort gegeben. Geben Sie in Ihrem CSS dem enthaltenden Element eine minimale Breite. Wenn Sie IE6 unterstützen müssen, können Sie den Min-Width-Trick verwenden:

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

Dadurch erhalten Sie im IE6 und in allen aktuellen Browsern eine Mindestbreite von 800px.

6
DanMan