Salut

Je souhaite centrer verticalement et horizontalement mon conteneur dans ma page. Pour cela j'ai utilisé cette méthode qui fonctionne sous IE et FF :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
#global {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 700px;
     height: 400px;
     margin-top: -200px; /* moitié de la hauteur */
     margin-left: -350px; /* moitié de la largeur */
     border: 1px solid #000;
     }
Le soucis arrive avec les petites résolutions.

Quand la fenêtre est trop petite pour le cadre on a bien les scrollbars, ce qui est nikel, par contre le haut et la partie gauche sont coupés

L'interface de mon site, faite à partir de la maquette du client, passe juste en 1024*768 après quelque arrachage de cheveux, par contre ceux qui sont en 800*600, outre le fait des scrollbars, auront le haut de mon conteneur coupé.

Vous allez me dire de travailler en % pour ne pas être emmerdée avec les résolutions, mais vu la tête de la maquette, ca risque d'être très difficile à faire
Vous pouvez éventuellement la voir ici : http://www.magnificat.com/us/produits_derives.htm

Ma question est donc : connaissez vous une autre façon de centrer une div, fonctionnelle sous IE et FF, et qui ne coupe pas le conteneur comme c'est le cas ici ?

Merci !