Drop Down Menu / Posts /

Dropdown menu Firefox bug

30
found a bug(?) in Firefox
 In some cases there is a high gap at the top of the multicolumn dropdown menu. Meanwhile in chrome and other main browsers it seems to be OK. Are you aware of this issue? Can I fix it somehow? Coud you help me, please?
(You may check it here: www.matekmindenkinek.hu)
Andras  4 years ago   viewed: 10142    

6 Answers

4
It took me all morning to investigate on your drop down menu, and finally I caught the culprit :-) 

In your style_beach.css, you have specified :
body { letter-spacing:0.005cm; }
I don't know why FireFox failed to apply it properly to the drop down menu, and get the high gap in the drop down.
It seems other browsers are all good with it.

Solutions: the first option is to remove the letter-spacing setting in your style_beach.css, and the second option(recommended) is to add a normal letter-spacing to the #ddmenu in the ddmenu.css:
#ddmenu { letter-spacing: normal;}

BTW, I notice that FireFox is getting worse and worse in supporting JavaScrit animation. If you don't like the sluggish menu animation in Firefox, you can set the effect as "none" in the ddmenu.js script.

milo   4 years ago
-1
Andras,
I will debug it and let you know our fix asap.
milo   4 years ago
-2
I found an issue also in IE 8 in Win XP: 
Main menu items are vertivally listed instead of a horizontal list. In all the other configurations there is no any problem, only in IE under XP.
It may also come back to my specific css, but could you also give me a suggestion where to find the solution, please???

My website: www.matekmindenkinek.hu

Andras
  4 years ago
3
I opened your site with IE 7 under Win XP and didn't see any issue, but in IE8 you got the main menu items vertically aligned. I checked your code and found your page has two lines that force the IE8 to go back to IE7 standard. That makes the CSS { display: inline-block; } not working anymore.
The two lines in your page that cause the problems are:
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/> <meta http-equiv="X-UA-Compatible" content="IE=7"/>

Solutions:

1. Remove the two lines (recommended);

or 2. Just under the menu's CSS link: <link href="ddmenu/ddmenu.css" rel="stylesheet" type="text/css" />, add the conditional comments as below (It must be after the CSS link):
<!--[if lt IE 8]> <style type="text/css"> #ddmenu li {display:inline;} </style> <![endif]-->
milo   4 years ago
3
I took out IE7 emulation and it solved the dropdown menu issue as well as the mentioned content slider error. THANK YOU!
András
  4 years ago
-1
It works!  THANK YOU. I appreciate your heavy debugging work :)
Andras
  4 years ago

   

Your name*
Password
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question: