Re: [css-d] IE6 fixed positioning woes
Alan K Baker wrote: I viewed the 'fixed positioning' fix for IE6 at: http://web.tampabay.rr.com/bmerkey/examples/fake-position-fixed.html and it works fine. IE7, Firefox, Opera and Safari all scroll the main content whilst leaving the nav bar fixed at the left top, as expected. IE6 scrolls everything. http://www.webbwize.co.uk/Test_Area/TEP/scripts/Profnutty.htm Add... #container, #main, #homehead {position: static;} ...and may also have to restyle positioning for... #hdrtopborder, #hdrbotborder, #hcontlhsep, #hcontlhmidsep, #hcontrhmidsep, #hcontrhsep, #hcontbotborder #hdrrhborder, #hcontrhborder, #contlhsep, #contmidsep, #contrhsep ...in the CC for IE6. What the 'fixed positioning' fix for IE6 article does not mention is that _all_ 'absolute' or 'relative' positioned elements are affected by the fix. This tends to make the fix fail in IE6 initially, but with a bit of careful restyling of _interfering_ positioning you _can_ make it work - for most layouts. regards Georg -- http://www.gunlaug.no __ 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/
Re: [css-d] IE6 fixed positioning woes
Hi Georg. I'll try that out later today/tomorrow. I did wonder whether there was some info that was not in the original article. You have kindly provided it. Thanks. As Mr Schwarzenegger said I'll be back (to report that is g) Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups Shopsmith 520 + bits Flatulus Antiquitus - Original Message - From: Gunlaug Sørtun To: Alan K Baker Cc: css-d Sent: Saturday, April 19, 2008 8:34 AM Subject: Re: [css-d] IE6 fixed positioning woes Alan K Baker wrote: I viewed the 'fixed positioning' fix for IE6 at: http://web.tampabay.rr.com/bmerkey/examples/fake-position-fixed.html and it works fine. IE7, Firefox, Opera and Safari all scroll the main content whilst leaving the nav bar fixed at the left top, as expected. IE6 scrolls everything. http://www.webbwize.co.uk/Test_Area/TEP/scripts/Profnutty.htm Add... #container, #main, #homehead {position: static;} ...and may also have to restyle positioning for... #hdrtopborder, #hdrbotborder, #hcontlhsep, #hcontlhmidsep, #hcontrhmidsep, #hcontrhsep, #hcontbotborder #hdrrhborder, #hcontrhborder, #contlhsep, #contmidsep, #contrhsep ...in the CC for IE6. What the 'fixed positioning' fix for IE6 article does not mention is that _all_ 'absolute' or 'relative' positioned elements are affected by the fix. This tends to make the fix fail in IE6 initially, but with a bit of careful restyling of _interfering_ positioning you _can_ make it work - for most layouts. regards Georg -- http://www.gunlaug.no __ 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/
Re: [css-d] IE6 fixed positioning woes
Hi again Georg. I played around with the CSS (below) today and it's only a partial fix. It makes the navbar appear to be fixed when scrolling vertically, but the entire page scrolls horizontally. Also, if you resize the browser, it gets to a certain point where the window height is shorter than the navbar and even the 'vertical fix' fails to work. Even though I added #homecontent to the static definition, it screwed the positioning of elements in the home page in all browsers, but that's probably because I missed a 'static' in the home page somewhere. I didn't need to reposition anything on the other pages, but I suspect I may run foul with absolutes, once the tables are removed. Thanks for trying anyway - the search continues. Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups Shopsmith 520 + bits Flatulus Antiquitus - Original Message - From: Gunlaug Sørtun To: Alan K Baker Cc: css-d Sent: Saturday, April 19, 2008 8:34 AM Subject: Re: [css-d] IE6 fixed positioning woes Alan K Baker wrote: I viewed the 'fixed positioning' fix for IE6 at: http://web.tampabay.rr.com/bmerkey/examples/fake-position-fixed.html and it works fine. IE7, Firefox, Opera and Safari all scroll the main content whilst leaving the nav bar fixed at the left top, as expected. IE6 scrolls everything. http://www.webbwize.co.uk/Test_Area/TEP/scripts/Profnutty.htm Add... #container, #main, #homehead {position: static;} ...and may also have to restyle positioning for... #hdrtopborder, #hdrbotborder, #hcontlhsep, #hcontlhmidsep, #hcontrhmidsep, #hcontrhsep, #hcontbotborder #hdrrhborder, #hcontrhborder, #contlhsep, #contmidsep, #contrhsep ...in the CC for IE6. What the 'fixed positioning' fix for IE6 article does not mention is that _all_ 'absolute' or 'relative' positioned elements are affected by the fix. This tends to make the fix fail in IE6 initially, but with a bit of careful restyling of _interfering_ positioning you _can_ make it work - for most layouts. regards Georg -- http://www.gunlaug.no __ 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/
Re: [css-d] IE6 fixed positioning woes
Alan K Baker wrote: I played around with the CSS (below) today and it's only a partial fix. It makes the navbar appear to be fixed when scrolling vertically, but the entire page scrolls horizontally. Also, if you resize the browser, it gets to a certain point where the window height is shorter than the navbar and even the 'vertical fix' fails to work. I know that Fake position:fixed for IE6 will fail in most real-world cases, as it puts too many restrictions on regular styling. I've commented the Fake position:fixed article/demo... http://www.gunlaug.no/tos/alien/akb/test_09_0419-b.html ...and added a few potential weak spots. I've had a slightly more robust CSS version demoed and described on my own site for quite a while... http://www.gunlaug.no/contents/wd_additions_17.html ...but although it utilizes the same IE-quirks it is slightly more complex and depends on a certain markup-order. Even it has its limitations, but they are documented. I only use IE-expressions myself... http://www.gunlaug.no/contents/wd_additions_15.html ...as that is the only method that emulates 'position: fixed' to a level where it in most cases actually works better than the real 'position: fixed'. It is also the easiest thing in the world to let it fall back to regular scrolling if script-support is missing. See my home page(s). regards Georg -- http://www.gunlaug.no __ 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/
Re: [css-d] IE6 fixed positioning woes
Alan K Baker wrote: I played around with the CSS (below) today and it's only a partial fix. It makes the navbar appear to be fixed when scrolling vertically, but the entire page scrolls horizontally. Also, if you resize the browser, it gets to a certain point where the window height is shorter than the navbar and even the 'vertical fix' fails to work. I know that Fake position:fixed for IE6 will fail in most real-world cases, as it puts too many restrictions on regular styling. I've commented the Fake position:fixed article/demo... http://www.gunlaug.no/tos/alien/akb/test_09_0419-b.html ...and added a few potential weak spots. I've had a slightly more robust CSS version demoed and described on my own site for quite a while... http://www.gunlaug.no/contents/wd_additions_17.html ...but although it utilizes the same IE-quirks it is slightly more complex and depends on a certain markup-order. Even it has its limitations, but they are documented. I only use IE-expressions myself... http://www.gunlaug.no/contents/wd_additions_15.html ...as that is the only method that emulates 'position: fixed' to a level where it in most cases actually works better than the real 'position: fixed'. It is also the easiest thing in the world to let it fall back to regular scrolling if script-support is missing. See my home page(s). regards Georg -- http://www.gunlaug.no __ 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/