OK hexites, I sincerely hope you can help me here.
I've just set up a new case studies page for my company, and I've added a simple javascript that lets you show and hide the body of each case study. I knocked up a test version of this functionality, with just the text, links and js, and it works beautifully in all browsers.
However, once I put it into the templated design for the website, both firefox and chrome refuse to recognise that the links are, in fact, links. It works OK in IE, but in FF and chrome the page just sits there. The Firefox console gives me lots of interesting errors (I say interesting because it quotes line numbers that don't exist in the page and css properties that aren't set in any of my stylesheets), the Chrome console gives me no errors at all.
My first thought was that it must be a z-index thing (I use z-index to make some nice tab images I'm using work) but I've changed the z-index on every flipping element on the page (just about) and none of them seem to make any difference. It can't (as far as I can see) be the actual code, because the exact code and html work perfectly from my test file, so it must be something else on the page interfering. Oh, and my js at least runs the initialisation OK, because the page is designed to show the text and not the links, then display the links andf hides the text if js is enabled (because I'm a good programmer who appreciates elegant fallback).
So, can anyone spot any reason at all that this page isn't working as expected in FF (6.0.2) and Chrome (14.0) but is working perfectly in IE?
http://iops.org.uk/design-sampling/2/case-studies.php


LinkBack URL
About LinkBacks
), the Chrome console gives me no errors at all.
).
Reply With Quote

