Menu déroulant décalé sous IE

06 févr. 2008, 21:35

Bien le bonsoir à tous

Je suis complètement perdue... Mon menu déroulant n'en fait qu'à sa tête sous IE...

Sous Firefox, aucun problème : il se pose où il faut, comme il faut :

Mais sous IE, il se décale désespérément vers la droite...

Voici le début de mon code CSS, le problème vient de là :

Code : Tout sélectionner

#menu{
position: absolute; /*positionnement du menu*/
left: left;
}

Si je change l'"absolute" par "fixed", tout se place correctement sous Firefox et IE mais lorsque je passe ma souris sur les boutons, tout se décale (et oui encore une fois !!

) Ca se décale vers le bas pour IE et vers le côté droit pour firefox...

Que dois-je faire avant de perdre tous mes cheveux ? Que faire pour que tout soit correctement placé sur firefox et ie ? HELP please

06 févr. 2008, 21:59

As tu des margin ?

06 févr. 2008, 22:15

Code : Tout sélectionner

left: left;

C'est original comme syntaxe ça

-Et tu le veux ou exactement ton menu, à gauche ?
-Ben, à gauche.

06 févr. 2008, 22:23

Un communiste ? ..........

07 févr. 2008, 08:46

Merci pour l'originalité

Je vais pas dire que c'est pas fait exprès parce que mon left:left, il a été mis là de manière réfléchie...

Flashback....

"Aaaaaah ça m'énerve ce truc !! Pourquoi ça se centre sous IE !!

Bon... J'en ai marre ! Hop *bidouillage de code* ... Voilà !! "Left:left"...! Si après ça, ça veut pas se mettre à gauche, je me pends !

.....

*Marche pas...*

Fin du flashback

Trève de plaisanterie, comment faire ?

ho_NoMan, non j'ai pas de margin... Est-ce que ça pourrait me sauver la vie ça ?

Caly *boulet du CSS*

07 févr. 2008, 09:39

C'est encore moi

(Pardon pour le double-post, mais comme je ne suis pas inscrite je ne peux pas éditer

)

J'ai suivi le conseil de ho_NoMan et changé le left pour un margin-left. J'ai créé deux feuilles css, une pour firefox et une pour une ie :

Pour firefox "css.css":

Code : Tout sélectionner

#menu{
position: absolute; /*positionnement du menu*/
margin-left: 0% ;
}

Pour ie "style-ie.css":

Code : Tout sélectionner

#menu{
position: absolute; /*positionnement du menu*/
margin-left: -50% ;
}

J'appelle la feuille css en fonction du navigateur :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css.css" /> [color=blue]/*feuille CSS pour firefox*/[/color]
      <!--[if IE]>
      <link rel="stylesheet" type="text/css" href="style-ie.css" /> [color=blue]/*feuille CSS pour ie*/[/color]
      <![endif]-->
</head>

Voilou ! Si ça peut aider quelques personnes

Merci ho_NoMan de m'avoir mise sur la voie !

Caly

Menu déroulant décalé sous IE

Qui est en ligne