Ik heb het eens beter bekeken, oplossing van EricDrijv is mogelijk, maar dan moet je ook "position: relative;" weglaten.
Nu het volgende, de inhoudt van het paarse blok moet scrollen. dat gaat niet helemaal goed.Het menu moet wel zichtbaar blijven... ook als je naar benden scrolt
Dat kan.Ik denk tog dat het mooier is als de hele pagina scrolt, en menu mee verdwijnt.
in html:<div class="all"> <div class="r-top"></div> <div class="header">Header</div> <div class="menu">Menu</div> <div class="r-bhap"></div> <div class="page">Page<br>test hele rits woorden</div> <div class="r-bottom"></div></div>in css:div.all{width: 1000px;margin-left: auto;margin-right: auto;background-color: red;}div.r-top{margin-left: 100px;width: 900px;height: 20px;background-color: yellow;}div.header{width: 900px;height: 60px;margin-left: 100px;background-color: green;}div.r-bhap{width: 900px;margin-left: 100px;height: 20px;background-color: yellow;}div.menu{float: left;width: 100px;background-color: blue;}div.page{height: 500px;overflow-y: auto;margin-left: 100px;background-color: purple;}div.r-bottom{width: 900px;height: 20px;margin-left: 100px;background-color: yellow;}
Citaat van: rick.blub op 2009/12/09, 15:39:51Dat kan.Ik denk tog dat het mooier is als de hele pagina scrolt, en menu mee verdwijnt.Of:Code: [Selecteer]in html:<div class="all"> <div class="r-top"></div> <div class="header">Header</div> <div class="menu">Menu</div> <div class="r-bhap"></div> <div class="page">Page<br>test hele rits woorden</div> <div class="r-bottom"></div></div>in css:div.all{width: 1000px;margin-left: auto;margin-right: auto;background-color: red;}div.r-top{margin-left: 100px;width: 900px;height: 20px;background-color: yellow;}div.header{width: 900px;height: 60px;margin-left: 100px;background-color: green;}div.r-bhap{width: 900px;margin-left: 100px;height: 20px;background-color: yellow;}div.menu{float: left;width: 100px;background-color: blue;}div.page{height: 500px;overflow-y: auto;margin-left: 100px;background-color: purple;}div.r-bottom{width: 900px;height: 20px;margin-left: 100px;background-color: yellow;}
Je moet je html tag wel goed zetten er staat nu hmtl
Tevens loopt het aandeel van IE6 best snel naar beneden.
Citaat van: Wazzzaaa op 2009/12/10, 18:31:58Tevens loopt het aandeel van IE6 best snel naar beneden. De stats van w3schools zijn nogal onbetrouwbaar, de helft van de mensen die die site bezoekt zijn webdevelopers. Als je wilt dat mensen zonder problemen je site kunnen bekijken, is IE6 ondersteuning nog steeds een must vind ik.
Ik zou het niet weten, maar IE6 zou ik gewoon negeren. Anders kun je wel bezig blijven...MS doet er veel aan om IE6 de wereld uit te helpen. Jij zou hierbij helpen door geen rekening te houden met IE6 in jouw site Tevens loopt het aandeel van IE6 best snel naar beneden.