float Fehler?

bestdani · 12.02.2006, 21:38

Hi Leute ich habe folgendes problem

Ich habe einen Div der sich eigentlich der größe des Inhalts nach in die nach unten vergrößern sollte

wenn ich allerdings einem element darin ein float zuweise wird der div nicht größer gezogen sondern es guckt dann unten raus und verschiebt ggf. elemente unter dem div noch.

ich finde das recht komisch... würde mich freuen, wenn jemand weiß, was ich falsch mache!

steffenk · 13.02.2006, 00:25

ohne source, link und Browser wohl schwer zu sagen ...

rewboss · 13.02.2006, 09:29

Zitat:

Zitat von St@eff.en

ohne source, link und Browser wohl schwer zu sagen ...

Doch, es ist ganz einfach gesagt: wird ein Element gefloatet, wird es aus dem Textfluss rausgenommen: der Container dehnt sich also nicht mehr nach unten raus. Es gilt also das alte Sprichwort: Wer float sagt, muss auch clear sagen:

Code:

<div>
<img src="bild.jpg" style="float:left;">
<p>Blah blah blah</p>
<p style="clear:left;">&nbsp;</p>
</div>

Das ist keine sehr elegante Lösung, zeigt aber, wo das Problem liegt.

bestdani · 13.02.2006, 14:01

ok danke ich habs schon gelöst bekommen, lag mal wieder am menschlichem Versagen ^^

rewboss · 13.02.2006, 14:56

Und wie hast du das gelöst, wenn ich fragen darf?

bestdani · 13.02.2006, 15:03

hab einfach allen "Eltern"DIVs Float:left zugewiesen... ist komisch irgendwie, aber es funktioniert...

mit clear:... hat es nämlich nicht funktioniert :-\

hero-master · 13.02.2006, 15:28

Das wird aber so nicht in allen Browsern klappen, oder?
Zum Einlsen mal: http://www.andreas-kalt.de/webdesign.../float-theorie

designfanatiker · 19.02.2006, 01:11

Zitat:

Zitat von hero-master

Das wird aber so nicht in allen Browsern klappen, oder?

Doch, sicher. Ist eine sehr gängige Alternative zu einem clearenden Element.

DPD · 21.02.2006, 14:43

Ich klinke mich mal ein, hoffe das stört niemanden?

Kann man das...

<p style="clear:left;"> </p>

... "Eleganter lösen"? Und an welche Stelle im Code soll ich sowas setzen? Direkt nach dem floatenden Div-Bereich?

Jakob · 22.02.2006, 13:40

Zitat:

Zitat von DPD

Ich klinke mich mal ein, hoffe das stört niemanden?

Nein.

Man kann auch

Code:

<br style="clear:left;" />

schreiben. Ob das nun "eleganter" ist?

Bei anderen float-Richtungen dem entsprechend clear: right; oder um alle floats zu beenden clear: both; verwenden.

Es muss and das untere Ende des Boxelements, bei dem das Problem mit dem Hinüberausragen auftritt. In diesem Fall direkt vor </div>.