Drop Down Menu / Posts /

Dropdown menu Firefox bug

35
I 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  10 years ago   viewed: 15539    

16 Answers

5
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   10 years ago
0
Andras,
I will debug it and let you know our fix asap.
milo   10 years ago
-1
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
  10 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   10 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
  10 years ago
0
It works!  THANK YOU. I appreciate your heavy debugging work :)
Andras
  10 years ago
0

Check for any conflicting CSS styles: Make sure that there are no conflicting CSS styles that are causing the gap to appear. You can use the browser's developer tools to inspect the styles applied to the menu and see if any of them are causing the issue.

drive mad

hena
  6 months ago
0

  1. Check your CSS styles: Make sure that your dropdown menu has the correct position, display, and z-index styles. Also, check if any other styles are affecting the spacing of the dropdown menu.

drywall repair near me dallas tx
nila
  5 months ago
0

Ensure that you are using the latest version of Firefox. Different browser versions may have different rendering behaviors, and updating your browser could potentially resolve the issue.

among us

among us   3 months ago
0

Clearing your browser cache can help resolve issues caused by cached or outdated files. Go to Firefox's settings, find the Privacy & Security section, and look for the option to clear your browsing data. Make sure to select "Cached Web Content" or similar options.

Garten Of Banban 3

Garten   3 months ago
0

Browser extensions can sometimes interfere with the display of websites. Temporarily disable any extensions you have installed and see if the issue persists.

pizza tower download

pizza   2 months ago
0

If the issue persists, you can try using browser-specific CSS rules targeted only at Firefox to adjust the positioning of the dropdown menu. You can use CSS media queries with the "-moz-" prefix to target Firefox specifically.

Geometry Dash

Geometry   one month ago
0
Browser extensions or add-ons could be causing conflicts. Try disabling all your extensions and see if the dropdown menu issue persists. If the issue is resolved, you can enable them one by one to identify the problematic extension.

carinamon
  one month ago
0

Wow, what a fantastic post! I'm actually about to come across this information myself, and I can already tell it's going to be super helpful. Thanks so much, my friend!

<a href="https://www.ushadestinations.com/">Usha Destinations</a>


Usha09   13 days ago
0

Hey there! I just wanted to drop by and say that I really enjoy your website. It's so refreshing to find a site that doesn't have a bunch of unnecessary fluff and just provides helpful information. You're doing a fantastic job!

  

India Travel Blog

  

NamasteIndia   13 days ago
0

"Thank you for sharing your insightful blog on the Firefox dropdown menu bug! Your detailed analysis and troubleshooting tips are incredibly helpful for users facing similar issues. 

<a href="https://www.travelworldplanet.com/places-to-visit-in-july/">Places to Visit in July</a>

Roamanch Blog
  7 days 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:
▲