Operation Manual

168
VERWENDEN VON DREAMWEAVER
Seiten mit CSS erstellen
Last updated 10.4.2012
Div-Tag „sidebar“, links fließend
A: Breite von 200 Pixel B: Obere und untere Auffüllung von 15 Pixel
Abschließend stellt die CSS-Regel für das Div-Hauptcontainertag das Layout fertig:
#mainContent {
margin: 0 0 0 250px;
padding: 0 20px 20px 20px;
}
Die #mainContent-Regel bewirkt, dass das Div-Tag „mainContent“ über einen linken Rand von 250 Pixel verfügt. Das
bedeutet, dass es für einen Leerraum von 250 Pixel zwischen der linken Seite des Div-Tags „container“ und der linken
Seite des Div-Tags „mainContent“ sorgt. Außerdem sorgt die Regel für 20 Pixel Abstand auf der rechten, linken und
unteren Seite des Div-Tags „mainContent“. Das Anwenden der Regel auf das Div-Tag „mainContent“ hat folgende
Auswirkungen:
Div-Tag „mainContent“, linker Rand: 250 Pixel
A: Linke Auffüllung von 20 Pixel B: Rechte Auffüllung von 20 Pixel C: Untere Auffüllung von 20 Pixel
Der vollständige Code sieht folgendermaßen aus:
B
B
A
A
C
B