Ik heb een vraagje. Ik heb een template/lay-out deze wordt horizontaal gecentreerd. Het element waar alles in komt te staan heet "container". Deze is absoluut gepositioneerd. Hierin staat een div-element genaamd "header". Deze heeft een breedte van 100%. Deze is dus ook net zo breed als het omhullende element (in dit geval #container). En #container heeft een breedte van 960px, maar dat is niet relevant.
Nu wil ik graag, zonder de volgorde van div-elementen te verplaatsen, de header 100% van de breedte van de pagina willen maken. Dus #header moet in principe BUITEN de #container komen te vallen.
Dat lijkt me niet logisch wat jij wil... je bouwt een huis... plaatst daar een kamer in, maar vervolgens wil je dat die kamer breder is dan het huis???
Ik ben het helemaal met je eens, het is alleen niet voor/van mij. Ik moet me houden aan de standaard-htmlcode die mij werd gegeven. Enkel de CSS mag ik aanpassen.
En de header moet 100% van de pagina zijn omdat deze anders maar 960px is. Dus van boven naar beneden:
Header: 100% breed, 90px hoog
Content: 960px breed, hoogte variabel
Footer: 100% breed, 75px hoog
Edit: En dit alles zit in een omhullende div genaamd "container". En #container staat horizontaal gecentreerd.
Eventueel kun je een "optische illusie" toepassen. De header maak je dan niet 100% breed, maar je laat de achtergrondkleur van de header doorlopen in de achtergrondkleur van de body (door middel van een achtergrondafbeelding op de body die je horizontaal laat herhalen). Je krijgt dan eigenlijk hetzelfde effect als bovenaan deze pagina.
@Wouter J: Ik ben het helemaal met je eens, maar zoals aangegeven is dit niet aan mij. Ik mag dit enkel aanpassen d.m.v. aanpassingen te doen in de CSS.
@Ozzie PHP: Hier heb ik ook aan zitten denken. Dat ga ik wel doen denk ik.
