Abstand und Platzierung
float
Häufig sollen Grafiken oder Beispielboxen in den Textfluss mit eingebunden werden und nicht isoliert in einem eigenen Absatz ausgegliedert erscheinen. Ob das entsprechende Element links vom Text umflossen wird oder rechts, wird mit dem „float“-Befehl in CSS festgelegt. Dafür gibt es die Angaben „float:right“ oder aber „float:left“, wobei bei ersterer das Element rechts steht und links vom Text umflossen wird. Bei der zweiten Angabe ist es entsprechend umgekehrt.
margin
Einzelne Elemente können bei der CSS Programmierung mit einem Abstand zu den vorhergehenden oder den nachfolgenden Elementen platziert werden. Dafür steht in CSS der Befehl „margin“ zur Verfügung. Ein Abstand kann nach oben, rechts, links und unten definiert sein. Bindet man beispielsweise eine Grafik in einen Fließtext ein, will man häufig nicht, dass der Text später am Bild klebt, sondern in einem gewissen Abstand davon umbricht. Mit dem „margin“-Befehl ist das sehr leicht einzurichten.
Im vorliegenden Beispiel steht die Grafik links vom Text, der sie in einem Abstand von 10 Pixeln rechts und 5 Pixeln unten umfließt.
Rahmen um Bilder
Ist ein Bild mit einem Hyperlink versehen, so erhält es, falls in den Linkeigenschaften nicht anders definiert, einen zwei Pixel breiten Rahmen – quasi als Pendant zur Unterstreichung bei verlinkten Textpassagen. Will man dies verhindern, muss man den „border“-Wert, wie im Beispiel, auf „none“ setzen.
Abstände zusammenfassen
Sollen Abstände zu allen Seiten eines Elements definiert werden, empfiehlt es sich, diese zusammenzufassen. Die einzelnen Angaben werden durch ein Leerzeichen voneinander getrennt und beziehen der Reihenfolge nach auf den Abstand von oben, recht, unten und links.
IE | Opera | Netscape | Firefox | ||||||
| 5 | 5.5 | 6 | 6 | 7 | 8 | 6 | 7+ | 0.8+ | |
| margin/float | x | x | x | x | x | x | x | x | x |