Table of Contents

Clear Floats

[DE]

Einschließen von Floats ohne zusätzliches Markup

http://www.jassesnee.de/easyclear/

“Ein Float innerhalb eines Containers mit sichtbarem Rand oder Hintergrund verschiebt den unteren Rand dieses Containers nicht automatisch so weit, bis dieses Float eingeschlossen ist. Stattdessen wird das Float vom Container ignoriert und hängt aus ihm nach unten wie eine Flagge heraus. Wer lediglich mit dem IE für Windows als Browser vertraut ist, wird sich jetzt am Kopf kratzen und ….” (Zitat: Original von Holly 'n John → http://www.positioniseverything.net/design/)

Float: Die Theorie

Float: Die Theorie

“Die meisten Leute finden das Thema “float” ziemlich Respekt einflößend. Die Theorie dahinter ist nicht leicht zu verstehen und außerdem sagt man, die Bugs seien zahlreich und fies. Aber fürchten Sie sich nicht, denn wir werden die einzelnen Konzepte, einige der Bugs und die praktischen Anwendungen des float-Elements in kleinen, leicht …..” (Zitat: Autorisierte deutsche Übersetzung von Andreas Kalt, Überarbeitung und Beispiele: Jens Grochtdreis)

CSS kompakt: Einschließen (Clearing) von Floats

CSS kompakt: Einschließen (Clearing) von Floats

Sehr gute Erklärung zu float und clear mit allen Seiteneffekten. (Autor: Mathias Schäfer)






[EN]

How To Clear Floats Without Structural Markup

http://www.positioniseverything.net/easyclearing.html (Big John und Holly Bergevin)

“When a float is contained within a container box that has a visible border or background, that float does not automatically force the container's bottom edge down as the float is made taller. Instead the float is ignored by the container and will hang down out of the container bottom like a flag. Those familiar only with Explorer for Windows may scratch their heads and say “That's not right!” ……” (Quotation: Big John und Holly Bergevin)

EasyClearing, the Aslett/PIE way is NOT broken in IE7!

http://www.tanfa.co.uk/archives/show.asp?var=300

“On reading some of the comments on the IE Blog and a couple of other places, that the method of clearing floats without stuctural markup was no longer usable, I decided to run a check.

To my surprise I discovered that the method is still working, which will no doubt be a relief to some. but WHY? …..” (Claire “Suzy” Campbell - tanfa.co.uk)

CSS Float Theory: Things You Should Know

http://www.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/

“The concept of floats is probably one of the most unintuitive concepts in CSS. Floats are often misunderstood and blamed for floating all the context around it, causing readability and usability problems. However, the reason for these problems isn’t the theory itself, but the way the theory is interpreted - by developers and browsers. ….” (Quotation: 2006-2009 Vitaly Friedman and Sven Lennartz. Theme by Smashing Magazine)