Ingo Turski: gefloatete Boxen clearen und dann gleichlang?

Beitrag lesen

Hi,

Das bedeutet, ich muss um die Mitte und rechts noch eine Box drumrum
machen, die ich dann weiss setzen kann...

so hatte ich mir das gedacht, ja.

Nur um's wirklich zu verstehen: Was _sagt_ dieses 'clear' denn nun genau
dem Browser? Ich schreibe es unten in das _umfloatende_ rechts-Element
rein, laut deiner Skizze.

sorry, meine Skizze war ungenau. So:
|--------------------Container--------------------|
|Überschrift {float:none}                         |
||-----------------|------------------------------|
||Menü {float:left}| Inhalt {float:none}          |
||Menü             |------------------------------|
||Menü             | ............................ |
||----Menü Ende----| ............................ |
|-------------------------------------------------|
|Footer {clear:left}                              |
|--------------------Container Ende---------------|
wäre es wohl klarer.

"Da ist dieses Element #bla, das hat die Eigenschaft
    'float', also kuemmere ich mich um dieses nicht".
Und ein paar Zeilen liest er das clearing und denkt:
"Da ist dieses Element #bla, das hat die Eigenschaft
    'float' nicht (mehr), also muss ich das beachten".

falsch gedacht. Durch das clear wird - im obigen Beispiel - der Footer unter das Menü gesetzt. Der Footer befindet sich im Elementenfluß und dadurch umfaßt die Höhe des Containers nun - mitsamt dem Footer - auch das Menü; der gepunktete Bereich erhält also die Hintergrundfarbe des Containers.

freundliche Grüße
Ingo