I want the top menu to occupy the full width of the navigation bar.
Code: Select all
ul#primary-nav {
(...)
width: 100%;
/* display: -webkit-box; */
-webkit-box-orient: horizontal;
-webkit-box-pack: justify;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: justify;
display: -ms-box;
-ms-box-orient: horizontal;
-ms-box-pack: justify;
display: box;
box-orient: horizontal;
box-pack: justify;
}
Code: Select all
ul#primary-nav li {
(...)
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-box-flex: 1;
box-flex: 1;
}
When I also activate display: -webkit-box; Opera works fine too, but in Chrome and Safari the menu completely disappears.
How can I solve this?
And is there a way not only for IE10 but preferrably also for IE9 and IE8?
Frank