Pomoc pri programovaní, odpovede na otázky / html / Nav menu prestávky v IE 7/8 - html, css, internet-explorer

Rozbalenie menu v IE 7/8 - html, css, internet explorer

Snažil som sa to napraviť celé hodiny, keď to neviemak css je nejaký ako nie je aplikovaný alebo čo, ale to sa deje len v 7 / 8. tj 8 verzia je takmer v poriadku, ale jeho stále pokazené môže niekto pomôcť chick von? http://tshirthideout.com/

Tu je môj kód pre menu nav

<nav class="main-navigation" role="navigation">
<?php wp_nav_menu( array( "theme_location" => "primary", "menu_class" => "nav-menu" ) ); ?>
</nav><!-- #site-navigation -->

css

/* Navigation Menu */
.main-navigation {
background-color: #fff;
margin-top: 5px;
text-align: center;

}
.main-navigation li {
margin-top: 24px;
margin-top: 1.714285714rem;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.42857143;

}
.main-navigation a {
color: #5e5e5e;
}
.main-navigation a:hover {
color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
display: inline-block;
*display: inline
zoom: 1;
}

odpovede:

1 pre odpoveď č. 1

Žiaľ, IE7 a IE8 do značnej miery neexistujúpodpora pre HTML5. Skutočnosťou je, že ak píšete v HTML5 / CSS3 budete mať bolesti hlavy dostať ju do práce v IE7 / IE8, a že "to je presne tak, ako to je."

Ak chcete skutočne začať riešiť problémy, pozrite sa HTML5Shiv, To poskytuje niektoré styling, ktorý pomáha udržať staršie IE z úplne neporozumeli vašej webovej stránky HTML5.

Súvisiaca otázka: Html5: hlavičky / päty / nav značky atď, čo sa stane s týmito v IE7,8 a prehliadačoch, ako don "t podpora html5?

Skúste to a potom pomocou IE9 + s F12 Developer Tools vidieť, čo sa deje v IE7 - najmä skontrolovať konzolu, kde nájdete tony jquery chýb v režime ie7.

Ak to nebude fungovať úplne, aspoň to bude pohybovať proces spolu, aby zistili, čo iné sa deje zle.Ale don `t starať - všetky HTML5 stránky majú tento druh problému.

1 pre odpoveď č. 2

Hmm, pár vecí.

Skúste odstrániť jednotky rem (prečo ich potrebujete?)

výška čiary vyzerá, že potrebuje veľkosť jednotky.

A skúste aktualizovať <DOCTYPE> na <!DOCTYPE html>

A pre staršie IE, možno budete chcieť zmeniť <nav> značku a <div>

1 pre odpoveď č. 3

z W3Schools::