Discussion :

[thegreatbato]

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

[Auteur]

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 css :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[thegreatbato]

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 ?

[Auteur]

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


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

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[E.Bzz]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

A+

[Auteur]

Pour

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#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

[E.Bzz]

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

A+