Re: [WSG] help with fixed positioning in IE
Thanks, Grant. I'll give it a try. You mentioned that for you, it went almost to the top. For me, it doesn't budge an inch. I guess that means that the javascript-disabled won't be able to go to the top at all. I suppose I could always use a a name= tag, although I'd rather not. Thanks. ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter Focas, Grant wrote: John, the only solution I can offer is to use javascript with a gracefully degrading experience for the JavaScript disabled. If you are using this on more than one link it's probably worth putting it into a function. And it works on everything except Mac/IE (5.0,5.1 and 5.2) which still goes 'almost to the top': a href=#top onclick=if(navigator.userAgent.indexOf('MSIE') == -1){ window.scrollTo(0, 0); return false;}Back to top/a Grant -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of john Sent: Wednesday, 13 October 2004 11:14 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] help with fixed positioning in IE After applying this CSS hack to one of my sites, my back to top link doesn't do anything at all in Win/IE6 (I have an id=top in the BODY tag). Then there's the fact that part of the scrollbar is hidden beneath the header...but I think that was already mentioned. Any suggestions on the back to top link? ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter Focas, Grant wrote: For me it goes to the top but not quite. Safari 1.02 does make it go higher than Netscape 7.2 or IE5.2 but it still doesn't go right to the top. For instance, in Netscape 7.2 on Mac the back to top takes me back to 'Adapted from fixed positioning' not to 'Fixed header and footer'. This isn't too bad when the header is only 60px but if it were 120 the difference would be quite a worry. Grant -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Nick Gleitzman Sent: Tuesday, 12 October 2004 3:22 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] help with fixed positioning in IE On 12 Oct 2004, at 2:55 PM, Focas, Grant wrote: Using a body id will not work because the top of the page is alsways in view. It is the top of the content div which is hidden. Well, in that case I've misunderstood what you're trying to do with the link. In all my Mac browsers (IE5.2, Safari 1.2, Netscape 7.2, Firefox 0.9) the link 'resets' the page to the way it looks when it frist loads - which is what I always have my 'top' links do... - ? N ___ Omnivision. Websight. http://www.omnivision.com.au/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] help with fixed positioning in IE
Thanks for the code tip, Grant. Works great (gotta do a bit of tweaking, but still works!). I put this xml line above the DOCTYPE: ?xml version=1.0 encoding=UTF-8? I assume that's right? Thanks again! ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter Focas, Grant wrote: Yes, using the xml declaration works and is an infinitely better solution. The comment would have to be used if you were using HTML not XHTML. Grant -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Patrick H. Lauke Sent: Wednesday, 13 October 2004 9:24 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] help with fixed positioning in IE Focas, Grant wrote: john, the solution requires putting the an html comment above the doctype declaration. If the aim is to throw IE into quirks mode, I'd imagine that one may also consider just sticking the xml declaration there (but haven't got the time to test this assertion). Patrick H. Lauke _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] help with fixed positioning in IE
After applying this CSS hack to one of my sites, my back to top link doesn't do anything at all in Win/IE6 (I have an id=top in the BODY tag). Then there's the fact that part of the scrollbar is hidden beneath the header...but I think that was already mentioned. Any suggestions on the back to top link? ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter Focas, Grant wrote: For me it goes to the top but not quite. Safari 1.02 does make it go higher than Netscape 7.2 or IE5.2 but it still doesn't go right to the top. For instance, in Netscape 7.2 on Mac the back to top takes me back to 'Adapted from fixed positioning' not to 'Fixed header and footer'. This isn't too bad when the header is only 60px but if it were 120 the difference would be quite a worry. Grant -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Nick Gleitzman Sent: Tuesday, 12 October 2004 3:22 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] help with fixed positioning in IE On 12 Oct 2004, at 2:55 PM, Focas, Grant wrote: Using a body id will not work because the top of the page is alsways in view. It is the top of the content div which is hidden. Well, in that case I've misunderstood what you're trying to do with the link. In all my Mac browsers (IE5.2, Safari 1.2, Netscape 7.2, Firefox 0.9) the link 'resets' the page to the way it looks when it frist loads - which is what I always have my 'top' links do... - ? N ___ Omnivision. Websight. http://www.omnivision.com.au/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] help with fixed positioning in IE
I appreciate the discussion on this...really, I do. :) Is there somebody who might be able to help me integrate this into my existing CSS? Am I to understand that I can't have my DOCTYPE set to XHTML (I'm not very well-versed in what IE Quirk Mode is)? Thanks. ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter john wrote: After a bit of searching, I found a site that explains how to get fixed positioning in IE. This is great news for me, since I really would like such a thing on the design of one of my sites. Trouble is, I'm having a difficult time incorporating it into my existing CSS, and I'm wondering if there's a kind-hearted soul who could possibly assist me. What I need is both #banner and #tabmenu to stay put (as it does in Firefox). The site I'm working on is at http://www.drzeus.net/redesign/cslewis/ The page with the CSS code for fixed positioning in IE is at http://limpid.nl/lab/css/fixed/header My gratitude to any who can help. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] help with fixed positioning in IE
john, the solution requires putting the an html comment above the doctype declaration. If you also add this CSS hack it will work in IE/Mac, Safari and IE5 and 5.5/Windows: /* Mac IE cannot read this \*/ * html body{ /* only IE Win and MacOSX can see this, but is hidden from Mac IE by previous filter.*/ overflow:hidden; } * html div#content{ /* only IE Win and MacOSX can see this, but is hidden from Mac IE by previous filter.*/ height:100%; width:100%; overflow:auto; } hope this helps, Grant -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of john Sent: Wednesday, 13 October 2004 12:36 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] help with fixed positioning in IE I appreciate the discussion on this...really, I do. :) Is there somebody who might be able to help me integrate this into my existing CSS? Am I to understand that I can't have my DOCTYPE set to XHTML (I'm not very well-versed in what IE Quirk Mode is)? Thanks. ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter john wrote: After a bit of searching, I found a site that explains how to get fixed positioning in IE. This is great news for me, since I really would like such a thing on the design of one of my sites. Trouble is, I'm having a difficult time incorporating it into my existing CSS, and I'm wondering if there's a kind-hearted soul who could possibly assist me. What I need is both #banner and #tabmenu to stay put (as it does in Firefox). The site I'm working on is at http://www.drzeus.net/redesign/cslewis/ The page with the CSS code for fixed positioning in IE is at http://limpid.nl/lab/css/fixed/header My gratitude to any who can help. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] help with fixed positioning in IE
Focas, Grant wrote: john, the solution requires putting the an html comment above the doctype declaration. If the aim is to throw IE into quirks mode, I'd imagine that one may also consider just sticking the xml declaration there (but haven't got the time to test this assertion). Patrick H. Lauke _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] help with fixed positioning in IE
john wrote: The page with the CSS code for fixed positioning in IE is at http://limpid.nl/lab/css/fixed/header Interesting...although I wonder why Anne didn't actually construct proper html documents with a html, head and body...because it seems to work in that situation as well? Patrick H. Lauke _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] help with fixed positioning in IE
I almost thought a problem that had been plaguing me for ages (apart from Howard) had been solved by this until I tried to view it in Mac/IE5.0. No scrollbar appears until a link is clicked (fixed positioning). In the time it takes to load the next page a scrollbar appears on the first page. In Mac/IE5.1, Mac IE5.2 and Safari no scrollbar appears at all. Does anyone have any suggestions to overcome this? Grant Focas -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Patrick H. Lauke Sent: Tuesday, 12 October 2004 8:25 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] help with fixed positioning in IE john wrote: The page with the CSS code for fixed positioning in IE is at http://limpid.nl/lab/css/fixed/header Interesting...although I wonder why Anne didn't actually construct proper html documents with a html, head and body...because it seems to work in that situation as well? Patrick H. Lauke _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] help with fixed positioning in IE
I've solved the Mac scrollbar problem. http://www.homebass.info/fixedPosTest/ Now the only issue left (besides that it uses CSS hacks) is that the back to top link only takes you to the top of the content div minus the height of the header. Grant -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Focas, Grant Sent: Tuesday, 12 October 2004 9:37 AM To: [EMAIL PROTECTED] Subject: RE: [WSG] help with fixed positioning in IE I almost thought a problem that had been plaguing me for ages (apart from Howard) had been solved by this until I tried to view it in Mac/IE5.0. No scrollbar appears until a link is clicked (fixed positioning). In the time it takes to load the next page a scrollbar appears on the first page. In Mac/IE5.1, Mac IE5.2 and Safari no scrollbar appears at all. Does anyone have any suggestions to overcome this? Grant Focas -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Patrick H. Lauke Sent: Tuesday, 12 October 2004 8:25 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] help with fixed positioning in IE john wrote: The page with the CSS code for fixed positioning in IE is at http://limpid.nl/lab/css/fixed/header Interesting...although I wonder why Anne didn't actually construct proper html documents with a html, head and body...because it seems to work in that situation as well? Patrick H. Lauke _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] help with fixed positioning in IE
On 12 Oct 2004, at 1:27 PM, Focas, Grant wrote: I've solved the Mac scrollbar problem. http://www.homebass.info/fixedPosTest/ Now the only issue left (besides that it uses CSS hacks) is that the back to top link only takes you to the top of the content div minus the height of the header. Grant Try adding an id to your body tag and linking to that instead of the named anchor. Also, your DOCTYPE is incomplete - it should include a URL for the DTD to which it refers... HTH N ___ Omnivision. Websight. http://www.omnivision.com.au/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] help with fixed positioning in IE
Using a body id will not work because the top of the page is alsways in view. It is the top of the content div which is hidden. But the DOCTYPE was wrong and its now fixed, thanks. Grant -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Nick Gleitzman Sent: Tuesday, 12 October 2004 2:31 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] help with fixed positioning in IE On 12 Oct 2004, at 1:27 PM, Focas, Grant wrote: I've solved the Mac scrollbar problem. http://www.homebass.info/fixedPosTest/ Now the only issue left (besides that it uses CSS hacks) is that the back to top link only takes you to the top of the content div minus the height of the header. Grant Try adding an id to your body tag and linking to that instead of the named anchor. Also, your DOCTYPE is incomplete - it should include a URL for the DTD to which it refers... HTH N ___ Omnivision. Websight. http://www.omnivision.com.au/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] help with fixed positioning in IE
On 12 Oct 2004, at 2:55 PM, Focas, Grant wrote: Using a body id will not work because the top of the page is alsways in view. It is the top of the content div which is hidden. Well, in that case I've misunderstood what you're trying to do with the link. In all my Mac browsers (IE5.2, Safari 1.2, Netscape 7.2, Firefox 0.9) the link 'resets' the page to the way it looks when it frist loads - which is what I always have my 'top' links do... - ? N ___ Omnivision. Websight. http://www.omnivision.com.au/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] help with fixed positioning in IE
For me it goes to the top but not quite. Safari 1.02 does make it go higher than Netscape 7.2 or IE5.2 but it still doesn't go right to the top. For instance, in Netscape 7.2 on Mac the back to top takes me back to 'Adapted from fixed positioning' not to 'Fixed header and footer'. This isn't too bad when the header is only 60px but if it were 120 the difference would be quite a worry. Grant -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Nick Gleitzman Sent: Tuesday, 12 October 2004 3:22 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] help with fixed positioning in IE On 12 Oct 2004, at 2:55 PM, Focas, Grant wrote: Using a body id will not work because the top of the page is alsways in view. It is the top of the content div which is hidden. Well, in that case I've misunderstood what you're trying to do with the link. In all my Mac browsers (IE5.2, Safari 1.2, Netscape 7.2, Firefox 0.9) the link 'resets' the page to the way it looks when it frist loads - which is what I always have my 'top' links do... - ? N ___ Omnivision. Websight. http://www.omnivision.com.au/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **