My site displays perfectly in Internet Explorer. It uses javascript pop-down menus When I view the site in Firefox - the menus don't display properly. Instead they display as text links in a newly created section of white space under each menu item. Any ideas what I did wrong? www.brilliantprints.com.au Thanks Dylan
That's how it display on my screen in Firefox. In IE it displays drop down orange vertical menus and the menu system is integrated with the image (i.e. no white space) Thanks Dylan
Firefox uses perfect validation method when displaying a page. If all syntaxes and tags are not ok then you'll get awful, result. I have seen plenty of corporate sites lokk ugly in firefox. Couple of web deisgn sites too. yes it's true.
The site was originally css-html validating - but I used a couple of ugly hacks to get a few things to work. So if I can clean that up - it shouldn't be a problem in Firefox? Dylan
Same in Opera. With just a quick look at the site my first suggestion would be to replace this... .dropmenudiv { visibility: hidden; } with this... .dropmenudiv { display: none; } When you assign "visibility: hidden;" to an element it still takes up space on the screen (the amount of space it would have taken up if it were visible), hence why you're seeing that huge amount of white space. But with "display: none;" the element takes up no space on the screen. Also, in your javascript (which is responsible for showing the dropin), you would have to change this... dropit:function(obj, e, dropmenuID) { ... //this.dropmenuobj.style.visibility="hidden" // old this.dropmenuobj.style.display="none" // new ... } and this... showhide:function(obj, e, visible, hidden){ ... // old //if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover") //obj.visibility=visible //else if (e.type=="click") //obj.visibility=hidden // new if (e.type=="click" && obj.display==none || e.type=="mouseover") obj.display=block else if (e.type=="click") obj.display=none } Also, I don't know if you noticed but your Javascript is throwing up a number of errors too... name: TypeError message: Statement on line 62: Could not convert undefined or null to object Backtrace: Line 62 of linked script http://www.brilliantprints.com.au/chrome.js this.dropmenuobj.onmouseover = function () { cssdropdown.clearhidemenu(); }
Very much appreciate the detailed advice. Think I've managed to round up most of the problems now based on some of those suggestions (still needs to see how it behaves online though ) Thanks again Dylan