HTML ver gevorderde |
|
Je kan een div een dynamische breedte meegeven, dus in procenten. Maak dan een container div (waar heel je site in komt) en geef die een breedte in procenten (of een dynamische left/right margin), en zet daarin je site. Je kan als je een menu grafisch uitwerkt deze ook een fixed size (vaste grootte dus, in pixels) geven, en een div voor je contents laten oprekken.
Daar moet je gewoon wat mee puzzelen dan kom je er wel uit denk ik.
Voorbeeld voor de basis css code:
#container
{
width: 80%;
margin: 0 auto;
}
#container { width: 80%; margin: 0 auto; }
Onthoud ook dat een div die geen breedte mee krijgt altijd een breedte van 100% aanneemt. Dus een div die hierin komt heeft de breedte van 100% van deze div, en dus 80% van de pagina.
Ik heb een voorbeeldje voor je uitgewerkt:
Tadaaaaaa (wat is die Soebam tog een aardige vent:p)
Met hier de stylesheet
Daarin zie je twee 'boxen'. De bigbox neemt breedte 100% aan binnen de container div, en binnen zichzelf (zoals onderaan staat) 100% van de vorige layer, minus de padding die ik heb ingesteld (15px).
De kleine boxjes aan de bovenkant hebben een fixed size van 300 pixels en overlappen elkaar zonder zich aan te passen .
En als er nog vragen zijn dan hoor ik het wel denk ik |