2 Spaltendesign mit height:100%

[Christian Wansart]

Hallo,

ich versuche z.Z. ein 2-Spaltendesign zu gestalten, bei dem der Text nicht auf die Linke Seite rüberrutscht. Eigentlich ist es ein 3-Spaltendesign, aber zum Test reichen auch 2 mit float:left.
Meine Datei habe ich hochgeladen: http://nite-space.de/lay2.html
Eigentlich sollte das linke Menü ganz bis an den Rand der Box kommen, tut es aber nicht. Stattdessen geht der contentFooter auf die Linke Seite...

Wie bekomme ich leftMenu auf die ganze höhe?

Danke,
Gruß
Christian Wansart

[Beat]

ich versuche z.Z. ein 2-Spaltendesign zu gestalten, bei dem der Text nicht auf die Linke Seite rüberrutscht. Eigentlich ist es ein 3-Spaltendesign, aber zum Test reichen auch 2 mit float:left.
Meine Datei habe ich hochgeladen: http://nite-space.de/lay2.html
Eigentlich sollte das linke Menü ganz bis an den Rand der Box kommen, tut es aber nicht. Stattdessen geht der contentFooter auf die Linke Seite...

Was logisch ist, da du ihm ein float:left verpasst, und nichts da ist, was diesen Footer daran hindern könnte, diesen Platz auch einzunehmen.

Du solltest wenn schon den footer als Teil von .content im Markup schreiben.

Du kannst es dir aber auch einfacher machen.
da dein .leftMenu 220 px breit ist, kannst du allen Bereichen, die du als content auffasst ein margin-left von 220px geben. dabei kannst du auch auf eine float:left Angabe verzichten.

Wie bekomme ich leftMenu auf die ganze höhe?

gar nicht, weil die die notwendige Höhe nicht kennen kannst.

mfg Beat