CODEWITHSUNDEEP
css
Prog_zd
Prog_zd

Reputation: 13

Dropdown submenus width issue in Chrome and IE

I am using a dropdown navigation menu in my drupal 7 site, on mouse over each parent item list down its sub menus correctly, but some of sub menus are of more width than others, for this reason i use "width: -moz-max-content; position: relative;" for firefox in css, so that all sub menus will have equal width to the one that has maximum content. This works perfectly in firfox only, but not in IE and chrome, please tell me if there is some alternate css property/method for IE and chrome to handle this issue.

Upvotes: 0

Views: 706

Answers (1)

djmati11
djmati11

Reputation: 597

It is obvious that -moz-max-content will work only in Firefox because it starts with -moz.

For Chrome you must use: -webkit-max-content For Opera: -o-max-content For IE (it should work): max-content or -max-content or -ms-max-content (I can't test it cause I use Linux)

Upvotes: 2

Related Questions