Table des matières
Niveau
..........
En rapport...

Quoi

Nous allons traiter ici d'une mthode pour centrer une div sur un page. pas seulement horizontalement mais aussi verticalement. Le code CSS est assez simple.

Code

css
.Pcadre {
	position: absolute; 
	top: 50%;
	left: 50%; 
	height: 150px;
	margin-top: -75px; 
	width: 400px;
	margin-left: -200px
}

et l'html :

html4strict
<div class="Pcadre">
Votre texte ici
</div>
Comme vou sle remarquez, le css utlise un placement a 50% réajusté par un margin négatif. Ce margin est éxactement la moitier du height (pour le margin-top) et du width (pour le margin-left)

Autre methode

Vous pouvez aussi centrer vos element avec du javascript


iDo 15/11/2005 10:33