I'm completely new to CSS and am trying to read the posts here to get an education! My site (http://mainstreetdanceacademy.com/) displays correctly in FireFox, but lists "Error on Page" in Internet Explorer. It also doesn't display the drop down menu under "Parents". I really appreciate any help you can give me. What code would you need to see to better understand my problem? Thank you! ~Stephanie
I think the reason the dd menu doesn´t work in IE is in the ddmenu java script file. Somehow it works in FF though. You should check the ddmenu js.
on my machine, it looks perfect in both browsers (FF 3.0b5 and IE 7.0.5730.11) no error and dropdown works.
Thanks for checking in IE7. It must just be IE6 then? I think the js is ok, any other suggestions? Thanks!
In IE7, the drop down menu works fine for me, but the 'Error on page' message does show up. Double clicking on this produces this message: Line: 44 Char: 2 Error: 'documentgetElementByld(...)' is null or an object Code: 0 URL: http//mainstreetdanceacademy.com/ Hope that is of some help!
Hmmm, this is Suckerfish, but I think it's the old Suckerfish JS. The reason the hover doesn't work in IE6 is because of the error-- the JS is not there for IE7 or any other browser as they know how to hover already. The script is looking for an ID called subnav which isn't there... and then in the script I see the comment commented out fine but then there's another comment // after th e script.. ? // if you only have one main menu - delete the line below // var sfEls1 = document.getElementById("subnav").getElementsByTagName("li"); // So, IE6 is looking for something with an ID of subnav and doesn't see it and I gues is just aborting without it, even though you only have one level dropping and shouldn 't need it (though I see the sfhover1 thingie in the CSS). You might want to try the updated Suckerfish Javascript http://www.htmldog.com/articles/suckerfish/dropdowns/ where it seems a different id isn't needed for each level of dropping down you add, just add the sfhover as needed in the CSS instead.
Great! I removed this code as you suggested and the drop down menu now works: // if you only have one main menu - delete the line below // var sfEls1 = document.getElementById("subnav").getElementsByTagName("li"); // However, there are still errors on the page I ran the site through http://validator.w3.org/ and it found 36 errors. Ugh. Do you think fixing those errors will fix it in IE6? I want to fix those errors, but don't know what they're talking about when they refer to Lines and Columns. How can I find Line 139 Column 16 for example? Thanks!!
In IE if you look at the code it opens in notepad. I use FF and i have this plugin called Web developer tool https://addons.mozilla.org/fi/firefox/addon/60 It´s really great, you can study and learn from other sites. Install it and you can view your source code with line numbers. And it tells you what kind of errors you have. But i´m still using validator W3 because the tools own validator doesn´t give always the real picture of the page.