From: "Seona Bellamy" <[EMAIL PROTECTED]> > Hi guys, > > I need to create an absolutely positioned div that will float on top > of the existing page layout, and be 100% of the height of the rendered > page, not the viewport. Something similar to what Lightbox does - > greying out the page and displaying a box over it. The trouble is, > because it's to display some legal stuff (of the "this site contains > medical information that some people might find offensive or > disturbing" variety) I don't want to use Lightbox because it relies on > JavaScript. Anyone who doesn't have JS simply won't see the warning > and that just doesn't seem like a good idea. > > I've had no trouble making the div that sits on top of everything > extend to the height of the viewport, but if the page extends beyond > that then you see normal (and clickable) page as soon as you scroll. > Don't want that, if possible. > > Is there a CSS way of doing this?
No - and the Lightbox scripted method is flawed to boot :-) Our Lighshow widget would do exactly what you need to do and be accessible if script is disabled. It's not free, though. I think one of the J-Query-based Lightbox clones might also work with some tweaking. If it is possible with CSS, it would be mightily hacked and probably not practical. You can also post this on a script or DOM-based mailing list or forum as it would be more appropriate. -- Al Sparber - PVII http://www.projectseven.com The Ultimate Lightbox: Lightshow Magic ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/