html - moz box orient not working though webkit box orient is -
html code:
<div id="nav"> <div id="home_menu"> <a href="home.php">home</a> <ul> <li> <a href="feed.php">feed</a> </li> <li> <a href="">notifications</a> </li> </ul> </div> <div> <a href="profile.php">profile</a> <ul> <li> <a href="">settings</a> </li> <li> <a href="logout.php">logout</a> </li> </ul> </div> </div>
styling:
#nav { float:right; margin-top: 12px; width: 200px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; border: 1px solid green; }
the code works on chrome orient vertical , not horizontal on mozilla. please help!
add display: flex;
class
(display:-moz-box; old syntax)
a place start when trying syntax right browsers http://the-echoplex.net/flexyboxes/ [although properties generate not necessary , can removed]
Comments
Post a Comment