Div 100% in andere div.
Ik heb ongeveer volgende layout voor m'n site, maar ik krijg hem maar niet goed.
Het is de bedoeling dat div1 de volledige breedte en hoogte inneemt. Dit lukt met:
min-height: 100%;
Maar nu wil ik nog een div namelijk div2 die daarin gecentreerd staat en die ook die volledige hoogte heeft. Ik heb al:
width: 820px;
margin: auto;
Maar alles wat ik probeer om hem 100% hoogte te geven lukt niet. Kan iemand me helpen?
Alvast bedankt
Sam
Gewijzigd op 01/01/1970 01:00:00 door Sam
Ik werk standaard in de XHTML1.0 Strict doctype.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Om een bizarre reden werken die heights niet in XHTML1.0 Strict. Ik zou m'n site wel graag in die doctype maken, bestaat hiervoor een oplossing?
Werkt in weze hetzelfde.
Zoals in dit voorbeeld wil ik dus dat de gele footer vanonder blijft staan, behalve als er geresized wordt moet hij tegen de cyaankleurige dummy blijven staan (waar hij nu staat).
Gewijzigd op 01/01/1970 01:00:00 door Sam
div { margin: 0; padding: 0; }
?
Gewijzigd op 01/01/1970 01:00:00 door Justin S
Bedankt iedereen!
Resultaat: http://www.samcappelle.be/
Gewijzigd op 01/01/1970 01:00:00 door Sam
Bv:
<div id="site">
<div class="navigatie"></div>
</div>
en wil je daar nog iets in, dan doe je:
<div id="site">
<div class="navigatie">
<div class="bla"></div>
</div>
</div>
( Dit is wel samen met CSS hé. :P )
Een class is voor een object wat je meer keer op een pagina gebruikt.
Een ID is een uniek stukje code wat je voor slechts 1 item gebruikt.
Bijvoorbeeld:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<div id="container">
<div id="menu">
<div class="menubutton">Home</div>
<div class="menubutton">Diensten</div>
</div>
<div id="content">Blablabla</div>
</div>
<div id="menu">
<div class="menubutton">Home</div>
<div class="menubutton">Diensten</div>
</div>
<div id="content">Blablabla</div>
</div>