Menu déroulant css qui décal ma page Fermé

Question

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;
 }

notobe · Answer

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;
 }

rey-s · Answer

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..

notobe · Answer

;) no problem

rey-s · Answer

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;
 }


----------

Titial69 · Answer

Regarde le tuto, il y a une partie réservé à IE 7...

rey-s · Answer

J'ai testé avec les lignes donné dans le tuto aussi: CSS: ---------------------- #menu { height:50px; } -------------------------- Et ça dans le html: --------------------------- -------------------------------- Ca ne change rien.

rey-s · Answer

Help...

Menu déroulant css qui décal ma page

7 réponses

Discussions similaires