2010-04-11 10 views
-4

Je travaille sur ce site philippedecor.com et j'ai de la difficulté à trouver ce numéro de css. Quand je passe la souris sur "Catégories principales" qui apparaît sur le côté droit, il montre une liste déroulante avec des liens dedans. Deux choses se produisent, 1) dans IE (7) - le menu déroulant se cache derrière un autre div 2) à la fois et ff, il pousse autre div ci-dessous pour descendre et à la souris, ça semble bien.Problème de css pour l'alignement des divs

Je ne suis pas sûr quelle propriété CSS peut résoudre ce problème.

s'il vous plaît aidez-moi

+2

Bien sûr, il suffit d'ajouter du code à votre message ou d'afficher un lien vers un site de travail. –

+0

Quand je suis arrivé à philippdecor.com, j'obtiens un 404 –

+0

devinez: position: absolute et z-index: 10 –

Répondre

1

La prochaine fois, s'il vous plaît faire votre cliquable URL: http://philippedecor.com/

Dans Firefox, je vois aussi un petit peu de l'arrière-plan montrant le menu, as you can see. Mouser sur cette chose déclenche un événement mouseout, fermant le menu. Dans IE 7, je ne vois pas l'effet push-down, seulement le masquage du menu sous le panneau Flash et tout ce qui se trouve en dessous.

Pour empêcher le menu d'abaisser d'autres éléments sur votre page, vous devez utiliser position: absolute sur #downmenu et probablement l'incorporer dans la div contenant "Catégories principales" pour le positionner au bon endroit. Utiliser un z-index approprié empêchera probablement le menu déroulant de sauter sous un autre div dans IE (non testé, car je n'ai pas un outil de débogage pour IE à l'université où je suis en train de taper ce message maintenant). En outre, je pense que vous ne devriez pas utiliser deux menus contenant exactement le même contenu, ce qui peut être source de confusion pour les visiteurs de votre site (en fait, je n'ai pas lu votre message correctement). En outre, vous ne devriez pas mettre de texte dans les images sans fournir de textes alternatifs, les lecteurs d'écran et autres ne peuvent pas "voir" de cette façon (de préférence utiliser un image replacement technique approprié). Et tous ces   s dans les li sont totalement inutiles et ne sont pas conformes aux règles du HTML sémantique; il suffit d'utiliser padding sur eux ou quelque chose. En passant, vous devriez rendre les curseurs arrondis des 'catégories principales' transparents (maintenant deux petits coins blancs sont affichés). Juste mes $ 0.02 ...