Jessie: Probleme mit float und clear

SELF-Forum

Probleme mit float und clear

Jessie
– Informationen zu den Bewertungsregeln

Moin!

Ich habe gerade einige Probleme mit float und clear - vielleicht könnt ihr mir da weiterhelfen. So sieht die Seite aus:

+-----+-+----------------+
|#menu| | #content       |
|     | |
|     | |
|     | |
+-----+ |
|       | hier beginnt die Tabelle
|       |
|       |                |
+-------+----------------+

Die divs menu und content sind direkt in body platziert. menu ist mit float left ausgrechitet. content hat dazu dann eben ein margin-left bekommen. Wenn ich nun in content jedoch ein bild haben (float: left), dass dann auch wieder rechts dann text hat und ich dann eine Tabelle in content auch hineinpacke mit clear left dann beginnt die Tabelle wie in der Zeichnung angezeigt. Warum!? Ohne clear left funktionierts gleich anschließend, aber eben rechts neben dem bild und das soll so nicht sein.

Danke, Jessie

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Probleme mit float und clear

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    Die divs menu und content sind direkt in body platziert. menu ist mit float left ausgrechitet. content hat dazu dann eben ein margin-left bekommen. Wenn ich nun in content jedoch ein bild haben (float: left), dass dann auch wieder rechts dann text hat und ich dann eine Tabelle in content auch hineinpacke mit clear left dann beginnt die Tabelle wie in der Zeichnung angezeigt. Warum!?

    http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout#float-einschliessen

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Probleme mit float und clear

      Jessie
      – Informationen zu den Bewertungsregeln

      Die divs menu und content sind direkt in body platziert. menu ist mit float left ausgrechitet. content hat dazu dann eben ein margin-left bekommen. Wenn ich nun in content jedoch ein bild haben (float: left), dass dann auch wieder rechts dann text hat und ich dann eine Tabelle in content auch hineinpacke mit clear left dann beginnt die Tabelle wie in der Zeichnung angezeigt. Warum!?

      http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout#float-einschliessen

      Ich habe also dem Bild, dass mittels float left ausgerichtet ist, auch ein overflow: auto verpasst, aber es ändert sich dabei am layout nichts.

      Oder habe ich da im Artikel was falsch verstanden???

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Probleme mit float und clear

        wahsaga Homepage des Autors
        – Informationen zu den Bewertungsregeln

        hi,

        http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout#float-einschliessen

        Ich habe also dem Bild, dass mittels float left ausgerichtet ist, auch ein overflow: auto verpasst, aber es ändert sich dabei am layout nichts.

        Oder habe ich da im Artikel was falsch verstanden???

        Ja.
        Nicht das gefloatete Element benötigt die Formatierung - sondern das jenige, welches den Containing Block des Floats bilden soll.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln