Center div verrutscht nach unten

[decodix]

Hallo,

ich habe ein lästiges Problem auf meine HP http://www.impulskeg.at

Wenn das Fenster (egal in welchem Browser) zu klein wird oder die Auflösung des Monitors zu gering ist (800x600, sollte eigentlich nicht mehr vorkommen, aber naja...), verschiebt sich der Text im center div nach unten. Mir ist klar das dies passiert weil kein Platz mehr ist - lieber wäre mir aber wenn es dann einen Scrollbalken unten geben würde.
Soweit ich herausgefunden habe liegt das Problem am floating....

Was kann hier das Problem sein, bzw. wie kann man das lösen? Ich hab irgenwie ein Brett vorm Kopf und komm einfach nicht drauf

Ein Auszug aus dem css:

Code: Alles auswählen

div#centerblock{ /* 3 columns layout */
   float: left;
   width: 578px;
   border-left: 1px solid #cccccc;
   border-right: 1px solid #cccccc;
}
div#centerblockright{ /* 2 columns layout ~ right block disabled */
   float: left;
   width: 719px;
   border-left: 0px solid #cccccc;
}
div#centerblockleft{ /* 2 columns layout ~ left block disabled */
   float: left;
   width: 719px;
   border-right: 1px solid #cccccc;
}
div#centerblockfull{ /* 1 columns layout */
   float: left;
   width: 960px;
}
div#centerdiv{
   padding: 0px 20px 0px 20px;
}
div#center{text-align: left; position: relative;}


Vielen Dank mal.

Lg Decodix

[Laus]

Hallo

Setze einfach für dein maincontent ein min-width:ausreichende Breite; dann macht er bei erreichen dieser zB.:900px einen Scrollbalken.

Gruß Xaver