Bonjour,

j'ai le code css suivant, qui est très pratique, mais dont je ne comprends pas vraiment la manière de fonctionner:



Ca me fait une page centrale de 800px de large parfaitement centrée, je pense grace au . Mais je comprends pas comment. Si quelqu'un peut avoir la gentillesse de m'expliquer comment ça marche, j'aimerais beaucoup.

Merci

K

Salut,

left: 50% => position absolute à la moitié du bloc parent.
margin-left: -400px => décalage vers la gauche de la moitié de la largeur.

Ce qui donne un centrage du bloc par rapport au bloc parent.

Salut,

Dans ton code, le "position: absolute; left: 50%" décale ton bloc de 50 % à gauche. Ton bloc commence à partir de la ligne centrale de l'écran et continue sur 800 pixels. La marge négative, "margin-left: -400px;", fait "reculer" ton bloc sur la gauche de 400 px. Ainsi, la ligne qui passe au milieu de ton écran passe également au milieu de ton bloc; c'est pour ça que tu vois ton bloc aligné.

J'éspère que tu m'auras compris

J'ai compris.

C'est parfait merci pour les réponses

K

A n'utiliser qu"en cas de force majeure sinon un width:800px; margin:auto; centre tout aussi bien le bloc et sans les inconvenients du position:absolute

Bonjour,

les inconvénients du "position:absolute"??? Quels inconvénients?

Merci

K