Hyperlinks blocked by overlapping layer in Firefox

[mcleoddg]

I am using Expression Web 2 and found that when previewed in the Firefox browser some of the hyperlinks don't work when there are 2 overlapping layers.  Any links in the "shadow" of the higher index layer will not function although other links on that layer outside the "shadow", are ok.  Reversing the Z index number only reverses the problem.   Everything works well with IE8.  Can anyone help?

The website is http://rgssa.org.au and the Society>Links page is a good example of it.

Thanks,

Graham

[Cheryl D Wise]

Can you tell us exactly which links are causing problems? I'm not seeing any difference between IE 8 & FF 3.6.

The real issue as I see it is that you are using a whole lot of absolutely positioned divs (layers) which don't work well if the visitor isn't using default font settings. Plus you are using h4 for body text instead of paragraphs, very bad from an SEO & semantic html point of view.

The menu you are using won't work for visitors using IE 6 so I'd suggest using the Project Seven menu which does. Tutorial at http://by-expression.com/post/2009/09/22/CSS-Based-Dropdown-Menus.aspx Then the page would look more like http://wizerways.net/rgs/ (note I removed the slideshow and stat counter for the purposes of demonstration) I wasn't sure which of the javascript files and the exe link were supposed to run the slideshow (though exes are not a good idea) when I substituted the Project Seven menu for what you were using.

On a couple of side notes you shouldn't have the browser resize your graphics. They typically do a very bad job of it and don't use spaces in file or folder names (that's what the %20 means) because if the encoding fails the link will break.


I also made the content area slightly smaller so that there would be a border of the darker green in a 1024px wide browser window instead of a horizontal scroll as there is with 1000px.

[mcleoddg]

On the Society>links page the firts usable hyperlink is the "Society of South African Geographers". Another 2 examples are the first hyperlinks on the "GeoNews" and "Relics/Artefacts" page.  The "Links" page gives some idea of how far down each page the interference goes.

I appreciate you reworking the Home page - it's good to see how something familiar can be more efficiently written and I'll go on with the changes you suggested.  So much to learn, so little time!

Thanks.

[Cheryl D Wise]

Please post direct links to the pages not how to navigate there from the home page.

[pressyFF75]

As far as I know different browser has their different resolution. That is the reason when we do a website we must know the largest or maybe the common resolution. Aside from that we must know to use the adjustment method where are you had to have additional extra inches for the adjustment for other browser.


Try our indianapolis seo with seo services

[Cheryl D Wise]

Resolution is a factor of the visitor's screen size and settings. Browsers may have different chrome (the stuff around the browser including menus, scrollbards, that sort of thing) but those tend to be minor differences, installing different menu bars like Yahoo, Google, whatever cause more differents.

Do not ever think in terms of "inches" those are print measurements and have absolutely nothing to do with browser displays.