Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2007 Teil von Mai

SELFHTML Forumsarchiv
Probleme mit float und clear

Informationsseite
  1. Seite (CSS) Probleme mit float und clear von Jessie, 31. 05. 2007, 17:35
nach unten

Probleme mit float und clear

Die folgende Nachricht zum Thema stammt von: Jessie, 31. 05. 2007, 17:35

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

nach obennach unten

Probleme mit float und clear

Die folgende Nachricht zum Thema stammt von: wahsaga, 31. 05. 2007, 17:45

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; }

nach obennach unten

Probleme mit float und clear

Die folgende Nachricht zum Thema stammt von: Jessie, 31. 05. 2007, 17:55

»» »» 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???

nach obennach unten

Probleme mit float und clear

Die folgende Nachricht zum Thema stammt von: wahsaga, 31. 05. 2007, 21:03

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; }

nach oben
Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2007 Teil von Mai

© 1998-2006 Seite Impressum, Software: Classic Forum