Ik zit wat te rommelen met CSS en ik kan maar niet vinden waarom mijn browser (FF7) het volgende gedrag vertoond.
Ik heb op http://jsfiddle.net/Ux2P2/1/ een voorbeel gemaakt met wat div-lagen.
1) een absoluut gepositioneerde div met top, bottom, left, right op 0px zodat het hele window gevuld wordt, op de bottom-margin van 10px na.
2) Een relatief gepositioneerde div daarin die maximaal 1260px breed is met auto left/right margins zodat ie netjes gecentreerd wordt.
3) Daarin weer een absolute header van 75px (blauw) en een 'mid'-div voor de rest van 2)
4) In de mid-div zit vervolgens een sidebar van 280px breed links gefloat (cyan), met daartegenaan een content div gefloat (geel)
En nu komt het: de gele content div vult _alleen_ netjes de overgebleven breedte naast de sidebar indien overflow: auto, scroll of hidden is. Indien je overflow op visible zit, groeit de content-div ineens over de sidebar heen.
Kan iemand mij uitleggen _waarom_ dit zo werkt? Ik begrijp dat ik alles absoluut zou kunnen positioneren waarbij ik dan ook nog eens minder divs nodig heb, maar ik zou juist graag de reden weten voor dit gedrag.
Ik heb op http://jsfiddle.net/Ux2P2/1/ een voorbeel gemaakt met wat div-lagen.
1) een absoluut gepositioneerde div met top, bottom, left, right op 0px zodat het hele window gevuld wordt, op de bottom-margin van 10px na.
2) Een relatief gepositioneerde div daarin die maximaal 1260px breed is met auto left/right margins zodat ie netjes gecentreerd wordt.
3) Daarin weer een absolute header van 75px (blauw) en een 'mid'-div voor de rest van 2)
4) In de mid-div zit vervolgens een sidebar van 280px breed links gefloat (cyan), met daartegenaan een content div gefloat (geel)
En nu komt het: de gele content div vult _alleen_ netjes de overgebleven breedte naast de sidebar indien overflow: auto, scroll of hidden is. Indien je overflow op visible zit, groeit de content-div ineens over de sidebar heen.
Kan iemand mij uitleggen _waarom_ dit zo werkt? Ik begrijp dat ik alles absoluut zou kunnen positioneren waarbij ik dan ook nog eens minder divs nodig heb, maar ik zou juist graag de reden weten voor dit gedrag.
:strip_exif()/u/27216/bosmonster_dropdown.gif?f=community)