Je suis en train de concevoir un site web et il semble bien dans tous les navigateurs sauf IE7, où j'ai un problème que je n'ai pas réussi à corriger. J'ai un menu en HTML comme ceci:Problème CSS avec IE7
<div id="nav">
<ul>
<li id="cMenu"><a id="cart" href="#">Home</a></li>
<li id="pMenu"><a id="promos" href="#">Promos</a></li>
<li id="aMenu"><a id="anun" href="#">Ads</a></li>
</ul>
</div><!-- /nav -->
Puis-je avoir mon CSS:
div#nav{width:339px;height:120px;display:block;}
div#nav ul{list-style:none;}
div#nav ul li{display:inline;padding:20px;}
div#nav ul li a{width:30px;height:80px;}
div#nav ul li#cMenu{text-indent:-999999px;}
div#nav ul li a#cart{background:url(../img/menu2.png) 0 50px no-repeat;width:110px;height:120px;display:block;}
div#nav ul li a#cart:hover{background:url(../img/menu2.png) 0 -69px no-repeat;}
La chose est que quand je visionne cela sur rien IE7 affiché se fait, j'ai fatigué absolument le positionnement et aussi vérifier si tout est là en utilisant border = "dotted" et que je vois la bordure de seulement le nav # nav, rien d'autre n'apparaît. (Je n'ai pas placé tous les css du menu car c'est fondamentalement le même ID différent).
Est-ce que quelqu'un sait ce qui ne va pas?
Utilisez-vous un doctype, et avez-vous essayé 'display: block;' pour les éléments 'li' (pour vous assurer qu'ils sont rendus)? Assurez-vous également que vous avez fermé tous les balises 'script' et' style' dans le document '
'. –oui, j'utilise et ça valide. J'ai vérifié tous les tags et ils sont fermés comme pour l'affichage: block je ne l'avais pas essayé, mais quand je l'ai fait, c'est apparu, merci beaucoup! – Tsundoku