Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We're retiring the forums!

The SilverStripe forums have passed their heyday. They'll stick around, but will be read only. We'd encourage you to get involved in the community via the following channels instead:

Template Questions /

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

Drop Down Menu Works in IE, but not Firefox and Chrome

Go to End

4 Posts   4219 Views


Community Member, 36 Posts

26 September 2009 at 9:18am

Edited: 29/09/2009 9:50am

I took the code from the template "hairdresser" to use the drop down menu. My template consists of a top, left side, middle and right side, footer. The drop down menu is in the left side. It looks fine in IE, but when I view it in Chrome or Firefox, there is a big gap between my drop down menu and the next button. My website is not live yet.
Any ideas?

Attached Files

Community Member, 191 Posts

26 September 2009 at 1:02pm

Yeah, that gap is nasty.

I assume that's a CSS issue (maybe margin or padding needs to be zeroed out on the UL's or LI's). I would use FF's Firebug or Safari's Web Inspector to troubleshoot. I recommend coding for Safari & FF, then go fix stuff in The Blue E.

If you can put the site up on a test server, I can take a look.


Community Member, 36 Posts

29 September 2009 at 9:49am

I downloaded Firebug and was able to fix my navigation code, Thanks!
It was some funky code that I had in there that was throwing it off.


Community Member, 1 Post

23 December 2010 at 6:18am

I wonder if someone could help, please. I'm having trouble with a drop down menu; it works fine in IE, but appears in a different position in Chrome and Firefox. If I alter the positioning, then it works fine in Chrome and FF, but not it IE.
I've tried using Firebug to sort it out, and also the validator, but hasn't helped. I've also been through the HTML and the CSS with a fine-toothed comb, but just cannot seem to find the solution. I'd be so grateful for any help.
Here's the link to the page:

and the CSS link is....

I'd be really grateful for any help at all.