nicht angemeldet
Hallo bofh,
habe hier diese zwei div-elemente, die eigentlich nur nebeneinander stehen sollen - wie eine tabelle mit 2 spalten:
das funktioniert auch, solange der inhalt in menu groesser (laenger) ist als der inhalt in contents - ansonsten fliesst contents unter menue weiter. ausserdem bricht der text in contents nicht automatisch um - wenn die saetze laenger sind wird content wohl auf 100% ausgedehnt und immer unter menue gesetzt, der platz echts neben menue bleib leer.
was mache ich falsch?
Gib deinem Menü doch eine Höhe von 100%! Dafür musst du natürlich sicherstellen, dass auch alle Elternelemente deines Menüs eine Höhenangabe haben, damit das Menü-Element weiß, worauf es sich mit seinere 100-prozentigen Höhe beziehen soll, also sowas hier:
html, body {
height:100%;
margin:0;
padding:0;
}
#menu {
float: left;
width: 200px;
height:100%;
}
Damit in einigen Browsern nicht unnötige Scrollbalken entstehen, weil zu der 100% Größe des Body- und/oder HTML-Elementes noch Default-Werte für den Innen- und Außenabstand hinzukommen, setzt du deren Padding und Margin auf 0.
So definiert kann kein Content mehr unter das Seitenmenü rutschen.
Gruß Gernot