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

Signaler
-
 Utilisateur anonyme -
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;

12 réponses

Réponse 1 / 12
Messages postés
20
Date d'inscription
lundi 16 novembre 2009
Statut
Membre
Dernière intervention
26 septembre 2010
 6
Salut,
Je ne fais que debuter dans le css mais, a mon humble avis , cela vient du "/" avant le "height" de menu...
Réponse 2 / 12

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é ^^
Réponse 3 / 12
Messages postés
20
Date d'inscription
lundi 16 novembre 2009
Statut
Membre
Dernière intervention
26 septembre 2010
 6
Ah, ok et bien désolé mais je pense que je ne te serai d'aucun secours...Bonne chance...
Réponse 4 / 12

up
Réponse 5 / 12

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
Signaler
Utilisateur anonyme
oui je sais mais les utilisateurs de ie7 non pas le moteur de ie8 donc se ne marhc epas merci de m'avoir répondu :)
Réponse 6 / 12

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 ^^"
Réponse 7 / 12

up
Réponse 8 / 12
Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
 208
Ça renifle le haslayout... Solution :
https://www.alsacreations.com/article/lire/76-haslayout-internet-explorer.html
Signaler
Utilisateur anonyme
non désolé sa marche pas.

Enfin j'ai pas trop compris il faut que je rajoute zoom:1; aux éléments du menu qui sont block ?
Réponse 9 / 12
Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
 208
Tous les éléments qui ont un width ou un height autre que auto.
Réponse 10 / 12

non mache pas non plus :(
Réponse 11 / 12
Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
 208
Tu peux donner l'url de ta page stp ?
Réponse 12 / 12

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;
}
Posez votre question