CSS: probleme menu horizontal avec ie7 :( Résolu/Fermé

Question

Bonjour :( alors voila mon problème (déjà que je suis malade) j'ai créé un menu en CSS il marche très bien avec firefox et ie8 mais pas avec ie7 voila ce que sa donne : https://www.casimages.com/i/091117105411713095.png.html

et voici mon code :

#menu
{
	position:absolute;
	top:130px;
	background-image:url(../images/xarsoft_menu.png);
	/height:27px;
}

ul
{
	padding:0;
	margin:0;
	list-style-type:none;
	width:100%;
	border-bottom:#000 1px solid;
}
ul li a
{
		display:block;
		line-height:20px;
		float:left;
		width:25%; 
		text-align:center;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		padding-top:6px;
		text-decoration:none;
		font-weight:bold;
		color:#FFF;
		background-image:url(../images/xarsoft_menu.png)
}
ul li a:hover 
{
		background-image:url(../images/xarsoft_menu-hover.png);
		background-color:#ef8c09;
		color:#000;

nemesis_666 · Answer

Salut,
Je ne fais que debuter dans le css mais, a mon humble avis , cela vient du "/" avant le "height" de menu...

Utilisateur anonyme · Answer

non non justement cela est fait exprès le "/" permet d'indiquer que cette propriété est juste pour ie6 et ie 7 sinon sa m'affiche un gros patté ^^

nemesis_666 · Answer

Ah, ok et bien désolé mais je pense que je ne te serai d'aucun secours...Bonne chance...

Utilisateur anonyme · Answer

up

Peexstudio.fr · Answer

Salut Maxime, j'ai eu le même problème que toi y a peine deux jours, moi sur mon IE8 le menu horizontale était décalé:
http://peexstudio.fr/fr/accueil.html

Enfaite il suffisait simplement d'appuyer sur le petit bouton à droite de la fenêtre de recherche (http://...).
Celui-ci active/désactive l'affichage de la compatibilité.

Essaye de jouer avec voir si il y a du changement?

Tu peux aussi insérer une ligne de code pour forcer le mode IE8 il me semble:

<meta http-equiv="X-UA-Compatible" content="IE=8" />

Voila c'est pas très clair, mais moi sa m'a aidé.

Bye

Peexstudio.fr · Answer

Dr, et je serrais moi même intéréssé de savoir si mon propre site s'affiche correctement sous ie7, donc si ce n'est pas le cas je suivrais de prêt les réponses de ta question ^^"

Utilisateur anonyme · Answer

up

notobe · Answer

Ça renifle le haslayout... Solution :
https://www.alsacreations.com/article/lire/76-haslayout-internet-explorer.html

notobe · Answer

Tous les éléments qui ont un width ou un height autre que auto.

Utilisateur anonyme · Answer

non mache pas non plus :(

notobe · Answer

Tu peux donner l'url de ta page stp ?

Utilisateur anonyme · Answer

va sur mon profil mais c'est bon j'ai réglé le problème avec le code suivant :

li
{
	/float:left;
	/width:auto;
}
ul li a
{
		display:block;
		line-height:20px;
		float:left;
		width:25%;
		text-align:center;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		padding-top:6px;
		text-decoration:none;
		font-weight:bold;
		color:#FFF;
		background-image:url(../images/xarsoft_menu.png);
		/width:auto;
		/margin-left:10px;
}

CSS: probleme menu horizontal avec ie7 :(

12 réponses

Discussions similaires