div-menü-content-verschiebung

countryqt30

Mitglied
Hey,
ich habe folgendes problem,
meine seite ist in etwa so aufgebaut:
links eine menüleiste und rechts der teil für den inhalt.
momentan teilen diese beiden sich den platz 20% : 80%

das klappt so auch ganz nett.
Das menü basiert auf einer <ul>
Nun wenn man den browser verkleinert, dann schaut der text der li's über den
menürand hinaus in den inhalt hinein. Das ist nicht schön. Genau das gilt es zu vermeiden.

Meine bisherigen versuche
1)
sidebar{
width:200px;} // anstatt von 20%:

ergebnis: der inhalt bereich rutscht, sofern man den browser weit genug zusammenzieht, UNTER die menüleiste =(

2)
sidebar{
width: 20%;
min-width: 200px;
}
ergebnis: selbes wie oben.



Meine frage an euch, wie kann ich das vermeiden, dass der inhalt nach unten rutscht.
 
Hallo countryqt30,
könntest du das ganze eventuell Online stellen?
Dann ist es wahrscheinlich einfacher dir zu helfen.
Gruß Splater
 
sowohl mit als auch ohne zusätzlichem white-space: nowrap; + jeweils overflow:scroll; im body
verzieht sich das content div unter das sidebar div. :(
 
Zuletzt bearbeitet:
Für den umschliessenden DIV-Block #container fehlt hier lediglich im CSS eine Angabe zur Mindestbreite min-width (~ 980px), damit bei Erreichen dieser Breite im Browserfenster sich darin die umfliessenden Blöcke nicht weiter zusammenschieben lassen, was zum Umbruch des rechten Spaltenblocks führt, sobald im horizontalen Viewport der verfügbare Platz ausgeht, um dessen Inhalt vollständig darzustellen.
 
Zuletzt bearbeitet:
Zurück