Le menu repoussera le pied de page

Question

J'ai un problème avec mon menu déroulant. Lorsque vous le passez, il repousse le pied de page et crée un effet bizarre qui vous permet de faire défiler toute la page. (Ce n'est que lorsque la liste déroulante atteint le pied de page) J'ai essayé beaucoup de choses comme max-height etc, mais ça ne marchera pas.

Site Web: {fixe}

Si vous passez l'élément de menu 'Zippo', les choses bizarres viendront.

Comment puis-je résoudre ce problème?

Merci! Wouter0100

Answer 1

Vous pouvez définir votre position de menu déroulant absolu:

#nav li ul { 
    margin: 0px; 
    padding: 0px; 
    display: none; 
    position: absolute; 
    top: 25px; 
    z-index: 99; /* edited */ 
} 

Answer 2

Modifier la classe suivante de:

#nav li ul { 
margin: 0px; 
padding: 0px; 
display: none; 
} 

à

#nav li ul { 
    display: none; 
    left: 0; 
    margin: 0; 
    padding: 0; 
    position: absolute; 
    top: 24px; 
    z-index: 100; 
} 

Answer 3

déroulant Pied de page en raison de la hauteur du menu hauteur de navigation

à venir sur ce dont vous avez besoin pour tirer le menu de la Dom normale par la position qu'il

#menu {position: relative;} 
#nav {z-index: 100;position: absolute; }