Re: [WSG] Content Jumps onClick in Firefox
Samuel Richardson wrote: http://www.intrepidtravel.com/ In Firefox. Scroll to the bottom of the page and click on one of the country links, you'll notice that just after the click the content of that area jumps down] Samuel www.intrepidtravel.com Dunno. I gave up waiting for the page to load in Opera/9.01 after 7 minutes. ~dL -- http://chelseacreekstudio.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Content Jumps onClick in Firefox
Samuel Richardson wrote: An interesting bug this one, open up: http://www.intrepidtravel.com/ In Firefox. Scroll to the bottom of the page and click on one of the country links, you'll notice that just after the click the content of that area jumps down. I thought it might have been something to do with line-heights set on the links active state but the link clicked can cause an entirely different line in the same area to jump down. Plus I haven't explicitly set any styles on active links anywhere in the CSS. Hi, Samuel, Beginner here trying to troubleshoot quite an advanced (and very nice) website. Try adding: a { outline: none;} This disables the outline box surrounding links, that appears in Firefox, which is very useful, accessibility wise. Remove at your own risk. You can duplicate this by using the keyboard to navigate through the links - the box essentially shows up on :focus. I hope this helps, Regards, - Rahul. -- Rahul Gonsalves (Personal) w: www.rahulgonsalves.com e: [EMAIL PROTECTED] - *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Content Jumps onClick in Firefox
Try adding line-height: 0.8em to ul#interlinks li. On Fri, 22 Sep 2006 11:45:02 +1000, Samuel Richardson [EMAIL PROTECTED] wrote: An interesting bug this one, open up: http://www.intrepidtravel.com/ In Firefox. Scroll to the bottom of the page and click on one of the country links, you'll notice that just after the click the content of that area jumps down. I thought it might have been something to do with line-heights set on the links active state but the link clicked can cause an entirely different line in the same area to jump down. Plus I haven't explicitly set any styles on active links anywhere in the CSS. Any ideas? I've just noticed this happening on a few other pages in different areas and I suspect it's a fundamental flaw somewhere in my CSS. Thanks, Samuel www.intrepidtravel.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Tyssen Design Web print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Content Jumps onClick in Firefox
Spot on, that's worked a treat. My understanding of the outline rule was that it would place an outline around an element without affecting the box model (as opposed to a border which will contribute to the width the element). Interesting none the less, thanks for that. Samuel -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Rahul Gonsalves Sent: Friday, 22 September 2006 12:03 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Content Jumps onClick in Firefox Samuel Richardson wrote: An interesting bug this one, open up: http://www.intrepidtravel.com/ In Firefox. Scroll to the bottom of the page and click on one of the country links, you'll notice that just after the click the content of that area jumps down. I thought it might have been something to do with line-heights set on the links active state but the link clicked can cause an entirely different line in the same area to jump down. Plus I haven't explicitly set any styles on active links anywhere in the CSS. Hi, Samuel, Beginner here trying to troubleshoot quite an advanced (and very nice) website. Try adding: a { outline: none;} This disables the outline box surrounding links, that appears in Firefox, which is very useful, accessibility wise. Remove at your own risk. You can duplicate this by using the keyboard to navigate through the links - the box essentially shows up on :focus. I hope this helps, Regards, - Rahul. -- Rahul Gonsalves (Personal) w: www.rahulgonsalves.com e: [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] ***