Centrage verticale d'un bloc

Bonjour à tous,

Je me pose une petite question par rapport a l'article sur le centrage d'un bloc verticalement (cet article : http://www.alsacreations.com/article/lire/539-Centrer-les-elements-ou-un-site-web-en-CSS.html ).
En fait je comprends tres bien ce tuto mais j'ai un petit bug avec cette méthode.

Voici le code CSS qui correspond a un div conteneur :

#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; 
	}

Avec cette méthode lorsque je redimensionne la fenetre de mon navigateur le div fini par sortir de la fenetre du navigateur, je n'arrive pas a corriger ce bug.
Quelqu'un aurait il une petite idée ?
Merci à tous.
Modifié par lkadiss (18 Nov 2009 - 23:58)

Bonjour et bienvenue parmi nous

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

Bonne continuation

désolé.
ok c'est fait

tu peux pas essayé avec des % au lieux des pixels dans ton margin-top et margin-left ???

Wamdeus a écrit :
tu peux pas essayé avec des % au lieux des pixels dans ton margin-top et margin-left ???

ah oui je vais essayer

bonjour,

voici un gabarit démuni du défaut des marges négatives .
http://yidille.free.fr/plux/valign/uploads/centre-position-absolute-marge-negatives.html

Basiquement en indiquant un min-width et un min-height a body (au moins equivalent a la taille de ta boite centré ), le defaut est contenu .

Je te laisse jouer avec les height,width sur html/body ou position:relative sur body dans les differents navigateur pour comprendre ou voir leur utilités .

GC

génial merci !