2009-12-18 8 views
0

Je rencontre un problème avec la navigation de bas de page sur un site qui a un menu déroulant qui est coupé par un autre div. J'ai placé le débordement: visible pour tous les divs applicables dans le pied de page & Définir des z-index pour l'empilement correct du contenu, mais en vain.CSS cutdown off cut

J'ai commencé à manquer de solutions potentielles. Quelqu'un peut-il m'aider à résoudre ce problème? Je l'apprécierais grandement.

Voici les liens vers le HTML CSS &:

HTML: JID (dot) eResources (dot) ws/default.html
CSS: JID (dot) eResources (dot) ws/css/styles. css

Désolé - pas suffisamment de points pour poster un screenshot ...

Ceci est mon premier post ici, donc s'il vous plaît laissez-moi savoir si je peux fournir des détails supplémentaires pour le rendre plus utile. Merci!

+0

Pas une réponse, mais pourrait-il être une bonne idée de supprimer la classe de la balise 'a' dans le li? Il a actuellement la même classe que son parent. – Skilldrick

+0

Malheureusement, j'ai besoin de la balise sur les deux pour lorsque nous ajoutons le script pour faire fonctionner la navigation déroulante pour un navigateur plus ancien - IE6 je pense. – Matt

Répondre

3

Vous avez configuré #wrapftr pour masquer tout débordement avec overflow:hidden. Donc, puisque le menu est dans le div #wrapftr, et il déborde les limites div, il est caché.

Si vous modifiez,

#wrapftr { 
... 
    overflow: hidden; 
... 
} 

à

#wrapftr { 
... 
    overflow: visible; 
... 
} 

Il devrait fonctionner correctement, depuis lors, le menu peut alors afficher les bits qui vont à l'extérieur des limites #wrapftr.

+0

Bien joué! Je regardais Firebug depuis des lustres et je n'arrivais pas à m'en sortir ... – Skilldrick

+0

Ça marche super. Merci beaucoup! C'est ce que j'ai pour définir la même propriété dans deux endroits différents. Ai-je besoin de faire quoi que ce soit pour marquer cela comme fermé? – Matt