Heey,

Ik was een beetje bezig met een complete site overlay zoals je nu heel vaak ziet (denk aan hyves en lightbox). Maar nu wilde het nog niet echt werken. Ik heb deze CSS:

Code:

#overlay{ text-align: center; z-index: 10; position: absolute; top: 0; left: 0; background: #333; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity:. 0.8; width: 100%; height: 100%; font: 30px Arial, Helvetica, sans-serif; color: #FFF; }

Dit werkt goed, zolang de pagina niet zoveel content heeft dat hij kan scrollen. Wanneer een pagina echter kan scrollen komt het gebied dat eerst niet zichtbaar zonder overlappende DIV te voorschijn. Hoe kan ik er voor zorgen dat dit gedeelte ook door de DIV wordt overlapt?

Mvg,
Ruben

Ik denk dat je zoiets maar met JavaScript kan oplossen. Met de document.documentElement.scrollHeight kan je de totale lengte van je document ophalen.
dan zou je zoiets kunnen doen :

Code:

 
window.onload = initOverlay;
 
function Overlay()
{
 
document.getElementById("overlay").style.height = document.documentElement.scrollHeight;
}

Heel erg bedankt, het werkt met de javascript:
document.getElementById('overlay').style.height = document.documentElement.scrollHeight+'px';

Echt geweldig. 1e post en dan gelijk zo behulpzaam :P

Dankje