DIV width afhankelijk van breedte scherm
Naar aanleiding van mijn vorige vraga hier ben ik me gaan verdiepen in het gebruik van divjes voor de opmaak van mijn layout.
Nu zit met het volgende probleem:
Ik heb een main-div met daarin een head, menu (links op het scherm) en content.
Ik heb de main-div op width = 98% staan, zodat in iedere schermresolutie er een smalle strook andere kleur om de website zit.
De head-div wil ik nu net iets kleiner hebben, zodat boven en links en rechts een strook van ong 10px zit met de kleur van de main-div. Ik kan dit voor elkaar krijgen als ik elke div een vaste width in px geef, maar hoe doe ik dat met een variable (%) width?
Voorbeeld: (waarbij de head-div dus breder moet)
http://www.baptisten-westerhaar.nl/voorbeeld.PNG
EDIT: opmerkingen over hoe de kleuren eruit zien etc zijn niet nodig, hij zit nog in de test-fase. Eerst de layout goed hebben, dan kijken we naar de kleuren
Gewijzigd op 06/06/2010 12:03:54 door Tobias Tobias
margin-left: 0px;
margin-right: 0px;