Centrage vertical d'un DIV dynamique

Bonjour a tout le monde !

J'ai un petit problème pour centrer un DIV verticalement, celui-ci est généré par une action Java. Cet élément est un menu (dynamique et déroulant en css) qui peut être modifié. Sa hauteur et son nombre d'élément peut être dynamique, c'est pour cela qu'il m'est difficile de trouver sa position absolue a indiquer.

Voilà un screenshot et le code de celui-ci.


Merci de votre aide

bonjour,

pour Firefox tu peux déjà appliquer ce style sur ton tableau (j'ai inclu dans le CSS l'attribut width de la table):

Code:

---

1 2 3 4 5 6

table{ margin-left: auto; margin-right: auto; width: 760px; }

---

pour IE tu peux regarder du côté de la FAQ :
http://xhtml.developpez.com/faq/?pag...orizontalement

Merci beaucoup,

effectivement ça marche mieux, ça fonctionne presque parfaitement, juste sous IE que ça foire, lorsque je déroule des éléments le TR s'agrandit aussi et la couleur de fond cache les éléments qui sont derrière ...

Que faire ?

Citation:

---

effectivement ça marche mieux, ça fonctionne presque parfaitement, juste sous IE que ça foire, lorsque je déroule des éléments le TR s'agrandit aussi et la couleur de fond cache les éléments qui sont derrière ...

---

là, j'avoue que je sèche : je ne peux pas cerner ton problème car j'ai une vieille version d'IE (IE 5) et ton script ne fonctionne pas chez moi :oops:


Je suis d'ailleurs surpris qu'il fonctionne avec IE 6 ou 7. En effet :

Code:

---

1 2 3 4 5 6 7 8 9 10

#menuDeroulant .sousMenu li a:hover { background-color:#33CCFF; background-image:none; } #menuDeroulant li:hover > .sousMenu { display:block; }

---

pour autant que je sache, avec IE, la pseudo classe hover ne fonctionne que sur des balises de lien (a). Et là tu affiches tes sous menus en faisant un hover sur li.

Citation:

---

Envoyé par Auteur

pour autant que je sache, avec IE, la pseudo classe hover ne fonctionne que sur des balises de lien (a). Et là tu affiches tes sous menus en faisant un hover sur li.

---

Code:

---

li a:hover {...}

---

fait partie des exceptions fonctionnant sous IE.
Permet par ex. de changer la puce du <li> même avec IE ;)

Pour

Code:

---

#menuDeroulant li:hover > .sousMenu {...

---

par contre, c'est moins sûr ...

A+

Citation:

---

Envoyé par E.Bzz

Pour

Code:

---

#menuDeroulant li:hover > .sousMenu {...

---

par contre, c'est moins sûr ...

A+

---

C'est dans ce code que le display: block est réalisé. C'est pour ça que je doute que ce code fonctionne sous IE ;)

Citation:

---

Envoyé par Auteur

C'est dans ce code que le display: block est réalisé. C'est pour ça que je doute que ce code fonctionne sous IE ;)

---

Effectivement : j'ai réalisé après coup :aie:

A+