Discussion :

[Dsphinx]

Bonjour, j'ai un menu dynamique que je positonne selon une feuille de style CSS.

J'aimerais que mon menu soit au centre de ma page quel que soit la résolution de l'écran du visiteur et de son navigateur!

J'ai ce code qui ne fonctionne pas:

Code :

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

1
2
3
4
5
6
7
8
#menu {
position: absolute;
top: 172px;
left: 325px;
right: 0;
z-index:100;
width: 750px;
color: #000000;

Comment géré l'attribut left ? merci!

[Bisûnûrs]

Code :

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

1
2
3
4
5
6
7
position:absolute;
left:50%;
top:50%;
width:550px; /* largeur de ton bloc à aligner */
height:400px; /* hauteur de ton bloc à aligner */
margin-left:-275px; /* largeur de ton bloc à aligner /2 */
margin-top:-200px; /* hauteur de ton bloc à aligner /2 */

[Dsphinx]

Merci ! J'ai testé et ca fonctionne bien sous FF et IE! La grande classe!

[Candygirl]

Une petite restriction quant à l'utilisation de la technique des marges négatives pour le centrage:

Si la largeur de la fenêtre fait moins que 750px, tu verras la partie gauche de ton bloc disparaître sans scroll possible. Pour un menu c'est plutôt embêtant, cela signifie qu'une personne avec une résolution de 640x480 ou moins ne pourra plus accéder à ton site... voir qqn en 800x600 qui a ses favoris ouverts sur la gauche, par exemple.

As-tu testé la réduction de ta fenêtre ? Ton menu reste-t-il accessible ?