36 replies to this topic

[lloyd_borrett]

G'day,

Having used the Mollio Dropdown Main Menu on two sites, I've now realised that they don't work properly with IE7. The drop down menu will not disappear like it should.

This menu is actually an implementation of the Son of Suckerfish Dropdown menu.

I've seen and tried multiple variations of two supposed solutions to the problem, without any success as yet.

You can see the problem at www.scubadoctor.com.au and www.pragmatictraining.com.au.

I'm wondering if anyone out there has tackled this issue and come up with a solution that works.

Best Regards, Lloyd Borrett.

Edited by lloyd_borrett, 01 November 2006 - 11:17 AM.

[vw53a]

No I don't. I hoped you did. I've done some searching on the Mollio site after my previous post but couldn't find anything.

[Dean]

http://groups.google.com/group/Mollio/brow...d17a5544bc1a875

[lloyd_borrett]

G'day Dean,

That's a different problem, but I'll chased that problem and solution down as well.

The problem I'm having is that you hover over a dropdown and it drops down. Then you hover over another dropdown, and it too drops down. But the first one doesn't go away! It's get's very messy very fast.

Best Regards, Lloyd Borrett.

[Ralph]

lloyd_borrett, on Nov 1 2006, 03:57 PM, said:

The problem I'm having is that you hover over a dropdown and it drops down. Then you hover over another dropdown, and it too drops down. But the first one doesn't go away! It's get's very messy very fast.

I've been unable to duplicate the problem using Linux/Firefox which raises the question as to whether the problem might be related to how different browsers handle different events... Anyone who has played with Javascript for any amount of time quickly becomes aware that browser developers use the same "fuzzy standards" for Javascript as they do for CSS and the DOM in general, causing headaches for us web developers...

[lloyd_borrett]

G'day Ralph,

The menu dropdown problem is specific to IE7. The dropdown menus still work fine with the other browsers, but not with IE7.

We now have a new browser in IE7 on the scene. And guess what, like most browsers, it has a few quirks, and thus some web sites break when viewed using it.

Over the comming months IE7 may well become one of the more widely used browsers around, which means web masters need to start working through and addressing any problems IE7 introduces to their web sites.

I spent most of yesterday finding and fixing IE7 related problems with the Pragmatic Training web site. Along the way I took up using Microsoft conditional comments, and separated all of the IE specific hacks out into separate CSS files.

But I still haven't got a solution to the dropdown menu problem.

Best Regards, Lloyd Borrett.

[Ralph]

I am fully aware of IE7 and some of its additional shortcomings... Many of my customers have suddenly discovered Firefox in light of some of these shortcomings, much to my surprise... They got fed up with IE once and for all and found Firefox without my even mentioning it as an alternative... But that still doesn't solve the overall issue of we developers having to make even more adjustments for yet another browser that falls short of the mark...

My plea to everyone is to scream, jump, kick, shout, and whatever else it takes, until such time that the idiots at Microsoft wake up and start conforming to those seemingly mythical web standards... Now, none of the browsers are perfect but, based on the fact that Microsoft invests far more money into browser development than several other browsers combined, it's a no-brainer, at least for me, that the public should be demanding some actual results from such expenditures... I guess that's what happens when people start making too much money to actually give a shit... Some folks may not like my harsh words on this subject but if that's what it takes to prove my point and hopefully get results then they were words well put... I'll leave the candy-coating to the politicians...

<<< Hops off soap box and retreats back into the dark comfort of program code >>>

[katherholt]

Hi Lloyd, I just downloaded IE7 yesterday and my mollio dropdowns here:
http://www.trophygahunts.com/
are working correctly.

Maybe they fixed some bugs?

Karen

Edited by lloyd_borrett, 09 November 2006 - 11:35 PM.

[lloyd_borrett]

G'day Karen,

I suspect my problem is because I'm trying to run XHTML Strict, whereas you're running HTML Transitional.

I've found a fix that gets the dropdowns working with XHTML Strict. But the styling of the horizontal menu is stuffed, and I can't fix it. Plus it has some other strange behavours that I can't resolve.

For now, I'm just using conditional comments to stop the drop down menus from working for IE7.

Best Regards, Lloyd Borrett.

[katherholt]

I just knew you were stricter than me!
K

Edited by lloyd_borrett, 09 November 2006 - 11:35 PM.

[vw53a]

I'm running XHTML Transitional, so I guess it's not in the transitional but in the X.

[lloyd_borrett]

G'day,

Yes, I've found that how it works with IE7 varies greatly based on the DOCTYPE being used. I still haven't worked through it all and documented what I've found as yet. Nor have I found a final solution to the problems I'm having on two production sites.

However, I must admit that the CSS styling I'm using for the two sites where I'm having problems is a much extended and tweaked version than what come standard with the Mollio template.

I haven't checked what happens with the "standard" Etomite version of the Mollio template as currently shipped.

Just this weekend I started building two new sites. One is using the Andreas02 template as a starting point and the XHTML 1.1 DOCTYPE. The second is using an old table based template I did three years ago. (It's what the client wanted.) This ione is using the XHTML 1.0 Transitional DOCTYPE.

For the drop down navigation for these two sites, I went to another implementation of the Suckerfish menu and wrote a snippet to produce the XHTML markup it wanted. So far it seems to be working fine across all of the browsers. But the CSS markup is not as sophisticated as that found in the Mollio template.

Best Regards, Lloyd Borrett.

Edited by lloyd_borrett, 12 November 2006 - 03:33 PM.

[Dean]

Supposedly, there are some IE7 fixes Here


Not using IE7, I can't comment...

[-=nX=-]

Did I understand you correctly that changing <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> in my mollio template to html 4 will make the dropdown menu work in IE 7? Unfortunately I cannot check it, because I don’t have IE 7 but my users already complained and told me it didn’t work in IE 7.

[katherholt]

Mine works great in IE7 (ver 7.0.5730) here:
http://www.trophygahunts.com/

using this doctype at the top of the page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

using [!MollioMainMenu!]

Thanks, Karen

-=nX=-, on Nov 21 2006, 02:47 AM, said:

Did I understand you correctly that changing <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> in my mollio template to html 4 will make the dropdown menu work in IE 7? Unfortunately I cannot check it, because I don’t have IE 7 but my users already complained and told me it didn’t work in IE 7.

[-=nX=-]

Unfortunately that did not work for me: http://www.nxplorer.net/assets/images/news...-mollio-bug.jpg

[lloyd_borrett]

G'day,

I've managed to have success getting the drop down menu working on The Scuba Doctor web site with IE7, IE6 and Firefox.

This web site is the closest I have to the standard Mollio template.

This web site uses the following DOCTYPE and html statements...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

The stylesheet links and Javascript statements in the head section are now...

<link rel="stylesheet" type="text/css" 
  href="templates/mollio/css/main.css" media="screen" />
 <link rel="stylesheet" type="text/css" 
  href="templates/mollio/css/print.css" media="print" />
 <!--[if lte IE 6]>
  <link rel="stylesheet" type="text/css" 
   href="templates/mollio/css/ie6_or_less.css" />
 <![endif]-->
 <!--[if lte IE 7]>
  <script type="text/javascript" 
   src="templates/mollio/js/common.js"></script>
 <![endif]-->

My common.js file is now...

/*
son of suckerfish menu script from:
http://www.htmldog.com/articles/suckerfish/dropdowns/
 */
 
 sfHover = function() {
	if (!document.getElementsByTagName) return false;
	var sfEls = document.getElementById("nav").getElementsByTagName("li");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
			this.style.zIndex=8200; //this line added to force flyout to be above relatively positioned stuff in IE
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

Then I changed the following in main.css from...

#nav li:hover ul,
#nav li.sfhover ul{
left:0;
z-index:8009;
}

to...

#nav li:hover ul,
#nav li.sfhover ul{
left:0;
z-index:8009;
min-height:0;
}

Please note that my z-index values in main.css and common.js have been changed so that they work with my implementation of Lightbox 2 JS. Yours may need to be different.

Best Regards, Lloyd Borrett.

[eimerb]

Yeah!
It works fine!
Many thanks to You!!!

[Maker3]

lloyd_borrett, on Nov 1 2006, 12:16 PM, said:

www.scubadoctor.com.au

Which "news system" you use in this website?


Sorry fo my bad English, I'm from Polish

[M-a-d-m-a-n]

Hey man,

thanks a lot. Just took the time to find why this problem was occurring, took me five minutes to have a solution... thanks to you...