RE: Viewport Dimensions
"Lon Boonen" <[email protected]> Wed, 6 Sep 2006 22:58:00 +0200
| Newsgroups | gmane.comp.web.dom.wdf |
|---|---|
| Message-ID | <[email protected]> |
Or you can keep it simple: make your mask far too big and position it bottom, right. No trouble with scrollbars. There are fixes for position:fixed also, using an expression. In short: IE rules! But if you really want to do it the right way your mask should cover the scrollbars as well! Otherwise it's a bit strange, isn't it? To achieve that your body cannot scroll, some element inside it should and you mask shouldn't be inside that element. The down side is that your body will not scroll, meaning arrow up/down, page up/down, potentially the scroll wheel will all not work as expected. groetjes Lon ________________________________ From: [email protected] on behalf of diego nunes Sent: Wed 06/09/2006 22:34 To: [email protected] Subject: Re: [wdf-dom] Viewport Dimensions On 9/6/06, Gale, David <[email protected] <mailto:David.Gale%40hypertherm.com> > wrote: > 1) Create a div that's as tall & as wide as the entire page, set to 90% > opacity, to make it clear what's being worked on without totally hiding > the current data. > 2) In that div, create a div that's centered horizontally & vertically > in the visible section of the page, which contains the popup controls. You mean, a pseudo-modal window, right? The approach of getting the biggest value between offsetHeight and scrollHeight looks ok, but you should do some cross-browser validation. If Firefox, for example, you should look at document.documentElement.offsetHeight, instead. There is a good compatibility table showing the properties and values in each browser at <http://www.quirksmode.org/viewport/compatibility.html <http://www.quirksmode.org/viewport/compatibility.html> > > in IE is taller than need be when the actual page is > smaller than the viewport IE and scrollbars are always causing some kind of trouble. You can try different measures of width and height, but it probably won't solve everything, always. Sometimes it's so weird that elements with 100% width stays a bunch pixels distant form the right margin of the page, 'cause IE somehow _reserves_ the space for the scrollbar. When I have to fill the whole page, I set a class in <body> element, that activate a selector that says "overflow-x: hidden;" and that's it. But with overflow-y you can try other measurements, indeed. It's probably _solvable_ easily. To position the pseudo-window vertically, you'll have to know how far from the top the scroll is (sometimes from window.pageYOffSet, seomtimes from document.documentElement.scrollTop) and then add it to the half of the viewport height. In an ideal world, you would be able to use "position: fixed;" and then just set the element to (pageHeight /2 + pseudoWindowHeight/2). But not in this one, with IE in it, that simply deny to apply "position: fixed;" correctly. Anyway, if you put your code -- or at least the idea of it -- online, we'll surely be able to help much more. Amplexos. -- diego nunes dnunes.com [Non-text portions of this message have been removed] Unsubscribe [email protected] List info http://www.quirksmode.org/dom/list.html Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/wdf-dom/ <*> To unsubscribe from this group, send an email to: [email protected] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/