Help with website problem
-
Could somebody please take a look at my web page source here and let me know if you see why it doesn't work in Internet Explorer? In IE5.5 to IE7, it displays the Home layer but, when I click the nav buttons, the layers don't change (which would seem to indicate that my JavaScript isn't working) and, on top of that, in IE8 my content doesn't even display, only the banner image and the nav buttons! Keep in mind that this site (so far) works nearly flawlessly in every other browser that I've tested on (Firefox 1.6 to 3.6, Chrome 6 to 7, Seamonkey, Safari, Opera 10.52 to recent, and Avant). If anyone would like to test the web page themselves, let me know and I'll provide a link to the site's supporting files (eg. images, download files, etc.). Thanks in advance.
-
IE has its own standards usually, Opera is the biggest git for standards compliance iirc and if it works in that there's no problem.
Personally, a site what displays pages as layers are a bad thing, because the end user is downloading pretty much your entire site in one go. My preferred option if your going to do this is have a html template with php/sql content pulled from a server, like index.php?page=home index.php?page=downloads etc. -
Yeah...it's standards compliant, written in rather strict XHTML style. And IE generally sucks, just sayin. And yes, I'm aware that layers are a bad long-term model, I'm doing it that way for now just for user conveinience, since the site is rather small right now.
-
Most critical things to fix:
HTML:
Closing quotation mark for id="linksButton
Line 26 garbled: <style type="text/css" src="
Javascript:
onmouseover="glow(this)" - passes a reference to the element itself, not just passing the id of the element. So use:
function glow(idGet) {
var img = idGet.src;
The .replace method returns the result and leaves the original string untouched. So:
img = img.replace("1", "2"); -
Awesome! I hadn't seen the quote issue! No wonder the syntax highlighting on my link button was goofy! I followed your suggestions and now my button animations finally work (at least in Firefox)! Also, I had been wondering why a stylesheet for making my pngs look nicer in the png-incompatible browsers, IE6 and lower, wasn't working, thanks for catching the problem with this on line 26! It turns out that I'd forgotten to even write that stylesheet, let alone include it. It should work now. Thanks again! Now the only hurdle is to get the layers to work right in IE7 and below and to get my content, besides my banner and buttons, to display at all in IE8.
