Menu déroulant css qui décal ma page

Fermé
rey-s Messages postés 74 Date d'inscription jeudi 5 juin 2008 Statut Membre Dernière intervention 19 mars 2010 - 8 mars 2010 à 10:27
 kyuub - 10 juin 2010 à 17:11
Bonjour,

J'ai un soucis, mon menu déroulant qui se déploie verticalement décale mon contenu, j'ai éssayer de changer des position choses comme ça, rien n'y fait.

Je test sous IE 8 et Firefox.

voici la partie de mon Css qui concerne mon menu.

----

#menu3 ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu3 li {
float:left;
margin:auto;
padding:0;
background-color:black;
}
#menu3 li a {
display:block;
width:100px;
color:white;
text-decoration:none;
padding:5px;
}
#menu3 li a:hover {
color:red;
}

#menu3 ul li ul {
display:none;


}

#menu3 ul li:hover ul {
display:block;
}
#menu3 li:hover ul li {
float:none;
}
A voir également:

7 réponses

notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
8 mars 2010 à 10:47
Il ne viendrait pas d'ici ton menu par hasard ?
Si oui, tu n'as pas été jusqu'au bout du tuto.
Il te manque une déclaration

#menu3 li ul {
 position:absolute;
 }


0
rey-s Messages postés 74 Date d'inscription jeudi 5 juin 2008 Statut Membre Dernière intervention 19 mars 2010 1
8 mars 2010 à 10:54
En effet notobe....

Et ça marche...

Le menu fonctionnait au début et n'as plus marcher d'un coup après quelques modifs apporter ailleurs, j'ai du supprimé sans faire exprès cette ligne..

Merci beaucoup et vraiment désoler du dérangement..
0
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
8 mars 2010 à 11:06
;) no problem
0
rey-s Messages postés 74 Date d'inscription jeudi 5 juin 2008 Statut Membre Dernière intervention 19 mars 2010 1
9 mars 2010 à 12:07
En faite cela ne marche pas tout à fait, le menu ne décal plus ma page, mais sous ie 7 le menu se déroule sur le coté, et couvre le reste de mon menu au lieu de se déroulé verticalement... Alors que sous firefox et Ie 8 sa marche...

Css:
-------------
#menu3 ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu3 li {
float:left;
margin:auto;
padding:0;
background-color:black;
}
#menu3 li a {
display:block;
width:100px;
color:white;
text-decoration:none;
padding:5px;
}
#menu3 li a:hover {
color:red;
}

#menu3 ul li ul {
display:none;


}

#menu3 ul li:hover ul {
display:block;
}
#menu3 li:hover ul li {
float:none;
}

#menu3 li ul {
position:absolute;
}


----------
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Titial69 Messages postés 259 Date d'inscription lundi 22 février 2010 Statut Membre Dernière intervention 11 mars 2010 20
9 mars 2010 à 12:23
Regarde le tuto, il y a une partie réservé à IE 7...
0
rey-s Messages postés 74 Date d'inscription jeudi 5 juin 2008 Statut Membre Dernière intervention 19 mars 2010 1
9 mars 2010 à 12:46
J'ai testé avec les lignes donné dans le tuto aussi:



CSS:

----------------------
#menu {
height:50px;
}
--------------------------

Et ça dans le html:

---------------------------

<!--[if !IE]> <-->
<style type="text/CSS">
#menu li ul {
position:absolute;
}
</style>
<!--><![endif]-->
--------------------------------


Ca ne change rien.
0
rey-s Messages postés 74 Date d'inscription jeudi 5 juin 2008 Statut Membre Dernière intervention 19 mars 2010 1
9 mars 2010 à 14:15
Help...
0
Bonjour

J'ai le meme problème. Lorsque je survole l'onglet de mon menu qui est selectionné, la partie qui devrait se dérouler en-dessous de celui-ci, se déroule en fait en-dessous de l'onglet à sa droite. Je ne comprend absolument pas cet IE7.

Merci de votre aide
0