clear attribut in css

[lord-edi]

hallo, ich verstehe das "clear" Attribut in Css nicht, habe schon bei selfhtml nachgeschaut, begreife aber die Erklärung nicht.

kann jemand helfen, bitte?

mfg
lord-edi

 

[corema]

kurz:
clear beendet float

float sorgt dafür, dass block elemente nebeneinander angezeigt werden können (zb div). wenn du


hast, dann wird der kontainer nach links gesetzt und alles rechts dranngehängt, biss der das darüberliegende element zu ende ist oder bis ein element hat, das clear:left beinhaltet.

das ganze geht natürlich auch mit right;
wenn du clear:both benutzt, ist es egal was bei float steht. es wird unterbrochen

hoffe ich konnte dir helfen

EDIT:
hab hier kurz was zusammen gebastelt(sieht nicht toll aus, sollte aber reichten)

[B]float:left[/B]
[LEFT]float:left

a

a

a

a[/LEFT]

clear





[HR][/HR]

[B]float:right[/B]
[RIGHT]float:right

a

a

a

a[/RIGHT]

clear





[HR][/HR]

[B]beides zusammen[/B]
[LEFT]float:left[/LEFT]

[RIGHT]float:right[/RIGHT]

und warum ist bei mir in HTML NIE ein ZEILENUMBRUCH?????

 

[lord-edi]

ahhhh super, danke corema.
damit ich also von einem Element den float-fluß unterbrechen kann, brauche ich
dass "clear" Attribut, somit ordnet sich dann das Element welches clear beinhaltet unter den anderen.

und wo ist der Unterschied zwischen "float:none" und ""clear:both"


mfg
lord-edi

 

[Broken Sword]

Hi,
clear wird in der Regel für Elemente die nach den Elemten, die "verflossen" wurden, erscheinen sollen eingesetzt. float:none setzt das Element hingegen in die normale Ordnung der Elemente.
Bsp. Wenn du links ein float-kästchen hast, und dann ein anderes kästchen hast, mit clear, wird das clear-kästchen nach dem ersten Kästchen erscheinen. Bei float:none wird es neben dem Kästchen erscheinen, weil es das andere umfließt.

Ich hoffe, ich habe mich einigermaßen klar ausgedrückt ^^

Gruß
Broken Sword

 

[lord-edi]

habs verstanden, großen Dank Broken Sword.

mfg
lord-edi

 

[Broken Sword]

Bitte nächstes mal das Präfix umstellen
http://www.freesoft-board.to/f238/wie-man-das-praefix-umstellt-248151.html

=> Closed

Gruß
Broken Sword