[Xhtml] Opmaak verschillende divs

**Mathijs Kingma** · 09-10-2011, 16:28

Ik ben bezig het het in elkaar zetten van een xhtml 5 layout en hierbij wil ik gebruik maken van het 960 grid systeem.

Allereerst wil ik boven over de hele breedte de header,
daaronder aan de linkerkant een sidebar en daarnaast het content vlak. Deze beide moeten over de hele hoogte van de pagina komen en aan de onderkant over de hele breedte een footer vlak.

Maar ik krijg dit niet voor elkaar, want het wil nooit over de volle hoogte komen.

Hier heb ik al een klein opzetje:
http://xuveomedia.nl/cms2/

Zou iemand er voor mij naar willen kijken?

Mvg,

Mathijs Kingma

**Jos van Marrewijk** · 09-10-2011, 16:38

'het wil nooit over de volle hoogte komen'

Wat bedoel je met 'het'? Erg vaag voor ons als lezer en dat maakt het ook lastig om een passende reactie te geven met daarin eventueel een oplossing.

**Mathijs Kingma** · 09-10-2011, 16:44

Sorry voor mijn iets wat onduidelijke omschrijving.
De sidebar en het content vlak die staan tussen de header en footer.
En dit vlak (sidebar + content) moeten over de volle hoogte komen, daarbij moet alles ook fluid zijn.

In de bijlage vind je een voorbeeld van hoe ik het bedoel.

**Sabra Issa** · 09-10-2011, 19:31

Origineel gepost door Mathijs Kingma

Sorry voor mijn iets wat onduidelijke omschrijving.
De sidebar en het content vlak die staan tussen de header en footer.
En dit vlak (sidebar + content) moeten over de volle hoogte komen, daarbij moet alles ook fluid zijn.

In de bijlage vind je een voorbeeld van hoe ik het bedoel.

Je link is op mijn beeldscherm een zooitje. Is weet niet of ik je nu snap, maar bedoel je dat je wilt dat je midden vakken een hoogte hebben zonder content erin? Dan kun je een min-height instellen. Of je footer altijd aan de onderkant van de pagina laten plakken.

**Mathijs Kingma** · 09-10-2011, 19:41

Jaa klopt, want ik krijg het nog niet goed voor elkaar.

Die middenvlakken moeten zonder inhoud al de maximale hoogte hebben, dus tot de onderkant van het scherm. En daaronder moet nog de footer komen, die dus standaard helemaal onderaan het scherm staat.
Aanvullend bericht:
Ik heb de site aangepast en hoop dat het nu duidelijker is:
http://xuveomedia.nl/cms2/

Het gene wat ik dus nu wil is, dat er zonder content in, dat gele en groene vlak over de volle hoogte hebben en als het ware de footer tegen de onderkant aanduwen.
Ik kan de footer ook wel aan de onderkant krijgen met position absolute maar dan blijven de sidebar en het content vlak nog steeds zo klein.

[Xhtml] Opmaak verschillende divs