overlappende div's

[Plotinus]

L.S.

Ik ben een website aan het maken met een breedte van 960 DPI. Daarop zitten verschillende elementen zoals, header, body en footer die echter niet aansluiten. Als ik nu background-color voor de body instel, dan krijgt alle overgebleven ruimte die achtergrondkleur, ook die tussen de niet aangesloten elementen. Eigenlijk vind ik dat vreemd, want de body is gedefinieerd op een breedte van 960 DPI....

Omdat ik de tussenruimtes toch een andere kleur wil geven heb ik juist na de body een div gedefinieerd, waar dus alle andere div's in zouden moeten zitten (volgens mij een kist waar alle andere doosjes in zitten). Ik ben dus heel verbaasd dat deze div (kist) een hoogte meegegeven moet worden om een achtergrondkleur voor de andere div's te kunnen bieden. Ik had verwacht dat als de andere div 's groeien, de overkoepelende div in lengte mee zou groeien, en zo wil ik het ook. Met de Z-indiex nog iets geprobeerd, maar dat levert ook niets op.

Weet iemand wat het probleem is, of waar mijn denkfout zit en hoe ik het mogelijk wel naar mijn hand kan zetten?

gegroet,
mrt

 

[jordy12345]

Maak in de body een div die 960 DPI heeft en verander dan de kleur.
Dit werkt zoiezo, bijvoorbeeld <div class="anderekleur">CONTENT HERE</div>

CSS:

.anderekleur {
background-color:green;
}

 

[Plotinus]

Dit is precies wat ik bedoel: ik krijg nu een mooie groene balk bovenin te zien. Ik moet die klaarblijkelijk dus ook een hoogte meegeven. De div's kunnen elkaar dus overlappen; de ene zit niet in de andere.

 

[jordy12345]

Ah ik snap nu wat u bedoelt, er staat Niks in die div, dus zal je een hoogte moeten bepalen voordat er uberhaupt iets showed.
Wat je wel kan gebruiken is height:50%

 

[Plotinus]

Dank je; het is opgelost

gegroet,
mrt