Webdesign - Webseiten planen, gestalten - Free-Hack Library

96
clear:
CSS
left, right, both, none
Das Umfließen wird abgebrochen und die Fortsetzung
unterhalb des umflossenen Elements wird erzwungen. Es
spricht nichts dagegen, statt „left“ oder „right“ immer den
Wert „both“ zu verwenden.
Die Eigenschaft „float“ ist sehr mächtig und nicht so trivial, wie sie
auf den ersten Blick zu sein scheint. Damit das Kapitel nicht den
Rahmen dieses Buches sprengt, belassen wir es bei dieser kurzen
Einführung. Im Kapitel „Schritt für Schritt zur XHTML-Seite mit
Stylesheet“ (S. 97) gehen wir noch einmal auf die schwebende
Positionierung ein. Zusätzlich gibt es sehr viele Referenzen und
auch Lehrbücher zum Thema CSS, die sich ausführlich mit den
unterschiedlichen Arten der Positionierung befassen.
Tipps und Tricks zur Positionierung
Dieser Absatz soll lediglich ein paar häufig verwendete „Rezepte“
zur Positionierung zur Verfügung stellen.
Um z. B. einen div-Container horizontal zu zentrieren, werden die
folgenden Angaben verwendet:
.center {
margin-left: auto;
margin-right: auto;
}
Eine flexiblere Variante der absoluten Positionierung stellt die
Platzierung innerhalb eines relativ positionierten Elements ohne
„Verschiebung“ dar. So wird nicht an der linken oberen Ecke,
sondern am Elternelement ausgerichtet:
.container {
position: relative;
}
.container p {
position: absolute;
bottom: 10px;
right: 10px;
}
4.4.10 Hacks und Weichen
Insbesondere die Unzulänglichkeiten älterer Internet Explorer (auch
noch in der Version 7) nötigen den Webdesigner zu allerlei Tricks,
um die Websites in allen Browsern annähernd identisch darstellen
zu können. Die meisten CSS-Hacks nutzen daher Schwächen einzelner
Browser aus, um Bugs zu umgehen. Microsoft selber hat
erkannt, dass der Internet Explorer massive Schwächen im Bereich