Centrage d'un block dans un conteneur

voilà je désire centrer un block qui se trouve dans un conteneur.
Il y a t'il un moyen sans calculer les marges sur les cotés et en haut en sachant que tout le monde n'a pas forcément la meme résolution d'écran et sans que l'image que je vais mettre dans le block ne se déforme

Salut,

si tu met pas l'image ds "un sous- bloc" mais directement ds un conteneur.

Tu peut mettre un text-align : center sur le conteneur.
Modifié par Hum (29 Jun 2006 - 15:37)

Bonjour,
Tu peux utiliser dans ton cas la techniques de centrage par marges négatives:

Exemple:

#blocacentrer {
position:absolute;
top:50%;
left:50%;
margin-left: -50px; /*la moitié de la largeur de ton bloc en valeur négative*/
margin-top: -100px; /*la moitié de la hauteur de ton bloc en valeur négative*/
}

Modifié par Hermann (29 Jun 2006 - 16:13)

Salut Hermann,

c'est ce qu'il voulait eviter en fait, mais la raison donnée est pas valable il me semble car 1px reste un pixel qu'on soit en 1024*768 ou 800*600 ou autre...

C'est donc bien cette methode qu'il faut employer je pense
Modifié par Hum (29 Jun 2006 - 16:21)

Hum a écrit :

c'est ce qu'il voulait eviter en fait, mais la raison donnée est pas valable il me semble car 1px reste un pixel qu'on soit en 1024*768 ou 800*600 ou autre...

Oui d'accord j'avais pas bien compris.
Dans ce cas jobrousse, si tu veux centrer un élément de type bloc,
tu dois lui attribuer un display:inline (pour le centarge vertical en fait,
voir plus bas)
Pour le centrage horizontal attribues un text-align:center au bloc
conteneur comme l'explique Hum.
Quant au centrage vertical tu n'as peut-être pas d'autres solutions que de
faire de ton bloc conteneur un tableau. Donnes un vertical-align:center (qui n'a d"effet que sur les élément de type inline) au <td>.
Mais je ne suis pas sûr que
ça fonctionne, donc à tester.
Modifié par Hermann (29 Jun 2006 - 16:55)

Hello,

Voici actuellement les différentes techniques de centrage vertical :
http://forum.alsacreations.com/faq/#item3