search

sebnitu / HorizontalNav

A jQuery plugin that spans a horizontal navigation to fit the full width of it's container.
MIT License
277 stars 43 forks source link

Breaking drop downs in FF #13

Open nategabriel opened 11 years ago

nategabriel commented 11 years ago

Navigation items with drop down menus are being displayed inline instead of in a list style format like its supposed to.

For example

FF:

Menu Item Sub Menu1 Sub Menu2 Sub Menu3

Webkit, IE, Opera:

Menu Item Sub Menu1 Sub Menu2 Sub Menu3

Tested in FF 9, 12, and 15.

bhubbard commented 11 years ago

Started using this script with Superfish, have the same issue. Bump.

sebnitu commented 11 years ago

The issue is that FF doesn't let you position things absolutely in a parent element that has display: table-cell applied to it. A workaround is to just set tableDisplay : false and that will force the plugin to calculate the widths of each nav element manually.

I may remove the display: table setting all together in the next update since I've had a few people with this issue already and it's not very intuitive why it doesn't work in FF.

Let me know if that fixes your problem.

filflora commented 10 years ago

tableDisplay : false doesn't solve the problem for me. All the menu items are floating on eachother...

the "li" elements have float: left and width defined, but the "a" tags have: padding-left: 0px; padding-right: 0px;