Re: [WSG] 100% height over existing page
Hmm... not really an option here. It needs to have the potential to appear on any page, so that if someone finds an internal page through Google or gets a link sent to them by a friend, they still see the disclaimer / warning. At the moment I've sort of solved the problem for users with JS - if the disclaimer is showing, I set the body's overflow to hidden so you can't scroll. It still means that non-JS users get that ugly cut-off, though. I'll live with it if I have to, but would certainly prefer not to have to. :) Cheers, Seona. 2008/7/31 Adam Martin [EMAIL PROTECTED]: The easiest way would be to have an entry page instead. On Thu, Jul 31, 2008 at 2:56 PM, Seona Bellamy [EMAIL PROTECTED] wrote: 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. Does anyone have any idea of the most reasonable way to do this? I want to try and give the full experience to as many as possible. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] 100% height over existing page
Depending on what/whether you're using anything server side, just set a session variable that records whether the person has agreed to the terms, do this across every page and no worries for Google or any other entry that doesn't come from the front page. regards Luke Seona Bellamy wrote: Hmm... not really an option here. It needs to have the potential to appear on any page, so that if someone finds an internal page through Google or gets a link sent to them by a friend, they still see the disclaimer / warning. At the moment I've sort of solved the problem for users with JS - if the disclaimer is showing, I set the body's overflow to hidden so you can't scroll. It still means that non-JS users get that ugly cut-off, though. I'll live with it if I have to, but would certainly prefer not to have to. :) Cheers, Seona. 2008/7/31 Adam Martin [EMAIL PROTECTED]: The easiest way would be to have an entry page instead. On Thu, Jul 31, 2008 at 2:56 PM, Seona Bellamy [EMAIL PROTECTED] wrote: 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. Does anyone have any idea of the most reasonable way to do this? I want to try and give the full experience to as many as possible. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] 100% height over existing page
What, and divert them to the agreement page if they'rve not agreed? Hmm... not sure that I'll get the go-ahead to do that. We're working to some fairly tight design requirements. I've already got it saving the session variable once they agree, so that they only get bothered once. Cheers, Seona. 2008/7/31 Luke Hoggett [EMAIL PROTECTED]: Depending on what/whether you're using anything server side, just set a session variable that records whether the person has agreed to the terms, do this across every page and no worries for Google or any other entry that doesn't come from the front page. regards Luke *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] 100% height over existing page
Doesn't have to be a separate divert page, you can just use the session variable to decided whether the overlay element is displayed on each page regards Luke Seona Bellamy wrote: What, and divert them to the agreement page if they'rve not agreed? Hmm... not sure that I'll get the go-ahead to do that. We're working to some fairly tight design requirements. I've already got it saving the session variable once they agree, so that they only get bothered once. Cheers, Seona. 2008/7/31 Luke Hoggett [EMAIL PROTECTED]: Depending on what/whether you're using anything server side, just set a session variable that records whether the person has agreed to the terms, do this across every page and no worries for Google or any other entry that doesn't come from the front page. regards Luke *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] 100% height over existing page
That's already what I'm doing. Not the problem here, though. The issue isn't whether the overlay and disclaimer appear - I have that bit working just fine. The issue is making the overlay extend all the way to the bottom of the page if the page is longer than the viewport. Cheers, Seona. 2008/7/31 Luke Hoggett [EMAIL PROTECTED]: Doesn't have to be a separate divert page, you can just use the session variable to decided whether the overlay element is displayed on each page regards Luke Seona Bellamy wrote: What, and divert them to the agreement page if they'rve not agreed? Hmm... not sure that I'll get the go-ahead to do that. We're working to some fairly tight design requirements. I've already got it saving the session variable once they agree, so that they only get bothered once. Cheers, Seona. 2008/7/31 Luke Hoggett [EMAIL PROTECTED]: Depending on what/whether you're using anything server side, just set a session variable that records whether the person has agreed to the terms, do this across every page and no worries for Google or any other entry that doesn't come from the front page. regards Luke *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] 100% height over existing page
Hmm, What about just making it the size of the viewport, and stopping scrolling? Maybe an overflow: hidden on the body? Cheers, Tony -Original Message- From: Seona Bellamy [EMAIL PROTECTED] Date: Thu, 31 Jul 2008 16:48:48 To: wsg@webstandardsgroup.org Subject: Re: [WSG] 100% height over existing page That's already what I'm doing. Not the problem here, though. The issue isn't whether the overlay and disclaimer appear - I have that bit working just fine. The issue is making the overlay extend all the way to the bottom of the page if the page is longer than the viewport. Cheers, Seona. 2008/7/31 Luke Hoggett [EMAIL PROTECTED]: Doesn't have to be a separate divert page, you can just use the session variable to decided whether the overlay element is displayed on each page regards Luke Seona Bellamy wrote: What, and divert them to the agreement page if they'rve not agreed? Hmm... not sure that I'll get the go-ahead to do that. We're working to some fairly tight design requirements. I've already got it saving the session variable once they agree, so that they only get bothered once. Cheers, Seona. 2008/7/31 Luke Hoggett [EMAIL PROTECTED]: Depending on what/whether you're using anything server side, just set a session variable that records whether the person has agreed to the terms, do this across every page and no worries for Google or any other entry that doesn't come from the front page. regards Luke *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] 100% height over existing page
no JS - no decision ;) 2008/7/31 Tony McNulty [EMAIL PROTECTED] Hmm, What about just making it the size of the viewport, and stopping scrolling? Maybe an overflow: hidden on the body? Cheers, Tony -Original Message- From: Seona Bellamy [EMAIL PROTECTED] Date: Thu, 31 Jul 2008 16:48:48 To: wsg@webstandardsgroup.org Subject: Re: [WSG] 100% height over existing page That's already what I'm doing. Not the problem here, though. The issue isn't whether the overlay and disclaimer appear - I have that bit working just fine. The issue is making the overlay extend all the way to the bottom of the page if the page is longer than the viewport. Cheers, Seona. 2008/7/31 Luke Hoggett [EMAIL PROTECTED]: Doesn't have to be a separate divert page, you can just use the session variable to decided whether the overlay element is displayed on each page regards Luke Seona Bellamy wrote: What, and divert them to the agreement page if they'rve not agreed? Hmm... not sure that I'll get the go-ahead to do that. We're working to some fairly tight design requirements. I've already got it saving the session variable once they agree, so that they only get bothered once. Cheers, Seona. 2008/7/31 Luke Hoggett [EMAIL PROTECTED]: Depending on what/whether you're using anything server side, just set a session variable that records whether the person has agreed to the terms, do this across every page and no worries for Google or any other entry that doesn't come from the front page. regards Luke *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] 100% height over existing page
But that doesn't stop you from adding more css in the markup for this feature, to override the default styles. -Original Message- From: [EMAIL PROTECTED] Date: Thu, 31 Jul 2008 11:09:30 To: wsg@webstandardsgroup.org Subject: Re: [WSG] 100% height over existing page no JS - no decision ;) 2008/7/31 Tony McNulty [EMAIL PROTECTED] Hmm, What about just making it the size of the viewport, and stopping scrolling? Maybe an overflow: hidden on the body? Cheers, Tony -Original Message- From: Seona Bellamy [EMAIL PROTECTED] Date: Thu, 31 Jul 2008 16:48:48 To: wsg@webstandardsgroup.org Subject: Re: [WSG] 100% height over existing page That's already what I'm doing. Not the problem here, though. The issue isn't whether the overlay and disclaimer appear - I have that bit working just fine. The issue is making the overlay extend all the way to the bottom of the page if the page is longer than the viewport. Cheers, Seona. 2008/7/31 Luke Hoggett [EMAIL PROTECTED]: Doesn't have to be a separate divert page, you can just use the session variable to decided whether the overlay element is displayed on each page regards Luke Seona Bellamy wrote: What, and divert them to the agreement page if they'rve not agreed? Hmm... not sure that I'll get the go-ahead to do that. We're working to some fairly tight design requirements. I've already got it saving the session variable once they agree, so that they only get bothered once. Cheers, Seona. 2008/7/31 Luke Hoggett [EMAIL PROTECTED]: Depending on what/whether you're using anything server side, just set a session variable that records whether the person has agreed to the terms, do this across every page and no worries for Google or any other entry that doesn't come from the front page. regards Luke *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] 100% height over existing page
True. I'm already doing that via JS, so at least the majority of people will not see an ugly cut-off with the page showing normally beneath it. It would be nicer to have a non-JS solution, though. I mean, even though scrolling down and clicking a link in the footer won't help them bypass the security (since the session variable won't be set, they'll just get the same message on the new page) it's still messy and inelegant. 2008/7/31 Сергей Кириченко [EMAIL PROTECTED]: no JS - no decision ;) 2008/7/31 Tony McNulty [EMAIL PROTECTED] Hmm, What about just making it the size of the viewport, and stopping scrolling? Maybe an overflow: hidden on the body? Cheers, Tony -Original Message- From: Seona Bellamy [EMAIL PROTECTED] Date: Thu, 31 Jul 2008 16:48:48 To: wsg@webstandardsgroup.org Subject: Re: [WSG] 100% height over existing page That's already what I'm doing. Not the problem here, though. The issue isn't whether the overlay and disclaimer appear - I have that bit working just fine. The issue is making the overlay extend all the way to the bottom of the page if the page is longer than the viewport. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] 100% height over existing page
You know, that's a very good point... putting it inside the if-block so that it only runs on pages where the message is showing. Tony, you're a legend. :) Thanks. 2008/7/31 Tony McNulty [EMAIL PROTECTED]: But that doesn't stop you from adding more css in the markup for this feature, to override the default styles. From: [EMAIL PROTECTED] Date: Thu, 31 Jul 2008 11:09:30 +0400 To: wsg@webstandardsgroup.org Subject: Re: [WSG] 100% height over existing page no JS - no decision ;) 2008/7/31 Tony McNulty [EMAIL PROTECTED] Hmm, What about just making it the size of the viewport, and stopping scrolling? Maybe an overflow: hidden on the body? Cheers, Tony -Original Message- From: Seona Bellamy [EMAIL PROTECTED] Date: Thu, 31 Jul 2008 16:48:48 To: wsg@webstandardsgroup.org Subject: Re: [WSG] 100% height over existing page That's already what I'm doing. Not the problem here, though. The issue isn't whether the overlay and disclaimer appear - I have that bit working just fine. The issue is making the overlay extend all the way to the bottom of the page if the page is longer than the viewport. Cheers, Seona. 2008/7/31 Luke Hoggett [EMAIL PROTECTED]: Doesn't have to be a separate divert page, you can just use the session variable to decided whether the overlay element is displayed on each page regards Luke Seona Bellamy wrote: What, and divert them to the agreement page if they'rve not agreed? Hmm... not sure that I'll get the go-ahead to do that. We're working to some fairly tight design requirements. I've already got it saving the session variable once they agree, so that they only get bothered once. Cheers, Seona. 2008/7/31 Luke Hoggett [EMAIL PROTECTED]: Depending on what/whether you're using anything server side, just set a session variable that records whether the person has agreed to the terms, do this across every page and no worries for Google or any other entry that doesn't come from the front page. regards Luke *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] 100% height over existing page
exactly, I realise now that this was implicit in my reply, rather than explicit. I bow to Tony as a better communicator than I. regards Luke Seona Bellamy wrote: You know, that's a very good point... putting it inside the if-block so that it only runs on pages where the message is showing. Tony, you're a legend. :) Thanks. 2008/7/31 Tony McNulty [EMAIL PROTECTED]: But that doesn't stop you from adding more css in the markup for this feature, to override the default styles. From: [EMAIL PROTECTED] Date: Thu, 31 Jul 2008 11:09:30 +0400 To: wsg@webstandardsgroup.org Subject: Re: [WSG] 100% height over existing page no JS - no decision ;) 2008/7/31 Tony McNulty [EMAIL PROTECTED] Hmm, What about just making it the size of the viewport, and stopping scrolling? Maybe an overflow: hidden on the body? Cheers, Tony -Original Message- From: Seona Bellamy [EMAIL PROTECTED] Date: Thu, 31 Jul 2008 16:48:48 To: wsg@webstandardsgroup.org Subject: Re: [WSG] 100% height over existing page That's already what I'm doing. Not the problem here, though. The issue isn't whether the overlay and disclaimer appear - I have that bit working just fine. The issue is making the overlay extend all the way to the bottom of the page if the page is longer than the viewport. Cheers, Seona. 2008/7/31 Luke Hoggett [EMAIL PROTECTED]: Doesn't have to be a separate divert page, you can just use the session variable to decided whether the overlay element is displayed on each page regards Luke Seona Bellamy wrote: What, and divert them to the agreement page if they'rve not agreed? Hmm... not sure that I'll get the go-ahead to do that. We're working to some fairly tight design requirements. I've already got it saving the session variable once they agree, so that they only get bothered once. Cheers, Seona. 2008/7/31 Luke Hoggett [EMAIL PROTECTED]: Depending on what/whether you're using anything server side, just set a session variable that records whether the person has agreed to the terms, do this across every page and no worries for Google or any other entry that doesn't come from the front page. regards Luke *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] 100% height over existing page
*grin* Than thanks to you as well, Luke, and sorry I was missing your point. :) Cheers, Seona. 2008/7/31 Luke Hoggett [EMAIL PROTECTED]: exactly, I realise now that this was implicit in my reply, rather than explicit. I bow to Tony as a better communicator than I. regards Luke Seona Bellamy wrote: You know, that's a very good point... putting it inside the if-block so that it only runs on pages where the message is showing. Tony, you're a legend. :) Thanks. 2008/7/31 Tony McNulty [EMAIL PROTECTED]: But that doesn't stop you from adding more css in the markup for this feature, to override the default styles. From: [EMAIL PROTECTED] Date: Thu, 31 Jul 2008 11:09:30 +0400 To: wsg@webstandardsgroup.org Subject: Re: [WSG] 100% height over existing page no JS - no decision ;) 2008/7/31 Tony McNulty [EMAIL PROTECTED] Hmm, What about just making it the size of the viewport, and stopping scrolling? Maybe an overflow: hidden on the body? Cheers, Tony -Original Message- From: Seona Bellamy [EMAIL PROTECTED] Date: Thu, 31 Jul 2008 16:48:48 To: wsg@webstandardsgroup.org Subject: Re: [WSG] 100% height over existing page That's already what I'm doing. Not the problem here, though. The issue isn't whether the overlay and disclaimer appear - I have that bit working just fine. The issue is making the overlay extend all the way to the bottom of the page if the page is longer than the viewport. Cheers, Seona. 2008/7/31 Luke Hoggett [EMAIL PROTECTED]: Doesn't have to be a separate divert page, you can just use the session variable to decided whether the overlay element is displayed on each page regards Luke Seona Bellamy wrote: What, and divert them to the agreement page if they'rve not agreed? Hmm... not sure that I'll get the go-ahead to do that. We're working to some fairly tight design requirements. I've already got it saving the session variable once they agree, so that they only get bothered once. Cheers, Seona. 2008/7/31 Luke Hoggett [EMAIL PROTECTED]: Depending on what/whether you're using anything server side, just set a session variable that records whether the person has agreed to the terms, do this across every page and no worries for Google or any other entry that doesn't come from the front page. regards Luke *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] 100% height over existing page
The easiest way would be to have an entry page instead. On Thu, Jul 31, 2008 at 2:56 PM, Seona Bellamy [EMAIL PROTECTED] wrote: 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 (or any of its variants) 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. Does anyone have any idea of the most reasonable way to do this? I want to try and give the full experience to as many as possible. Cheers, Seona. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- - http://myfitness.ning.com A community of people that care about their health and fitness Free fitness videos, recipes, blogs, photos etc. -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
