Operation Manual

159
DREAMWEAVER GEBRUIKEN
Pagina's maken met CSS
Laatst bijgewerkt 2/5/2011
Sidebar div, links zwevend
A. Breedte 200 pixels B. Celopvulling boven en onder, 15 pixels
Ten slotte maakt de CSS-regel voor de container div-hoofdlabel de lay-out af:
#mainContent {
margin: 0 0 0 250px;
padding: 0 20px 20px 20px;
}
Volgens de regel #mainContent krijgt de main content-div een linkermarge van 250 pixels, wat betekent dat er een
ruimte van 250 pixels wordt geplaatst tussen de linkerkant van de container-div en de linkerkant van de main content-
div. Daarnaast zorgt de regel voor een ruimte van 20 pixels aan de rechter-, onder- en linkerkant van de main content-
div. Het toepassen van de regel op de mainContent-div heeft het volgende resultaat:
Main Content div, linkermarge van 250 pixels
A. 20 pixels opvulling links B. 20 pixels opvulling rechts C. 20 pixels opvulling onder
De volledige code ziet er zo uit:
B
B
A
A
C
B