[Resolu]Centrage Vertical

Bonsoir,

J'aimerais centrer mon bloc verticalement dans ma page. j'ai réussi à le centrer horizontalement en suivant votre tutoriel mais bon voilà j'ai un peu de mal.

Adresse du site : http://florian.carrere.free.fr/

voici mon code de ma css "style.cs"" :

body {
	margin: 0;
	text-align: center;
	background-color: #810505;
}

#conteneur {
	margin-left: auto;
        margin-right: auto;
        width: 430px;
        text-align: left;
}
	
#logo {
	width: 430px;
	height: 300px;
	background-image: url(img/jmd3.jpg);
	border: 2px solid #6C0400;
}

Merci d'avance pour votre aide.
Modifié par Novaa (04 Jul 2005 - 12:40)

Essaie ça :

#conteneur{
margin-left: auto;
margin-right: auto;
width: 430px;
text-align: left;

[b]position:absolute;     
top: 50%;   
height: 400px;
margin-top: -200px; /* moitié de la hauteur */[/b]
}

Remarque, pour le centrage horizontale, il vaut mieux écrire ça :

#conteneur{
left: 50%; 
margin-left: -350px; /* moitié de la largeur */
}

Modifié par brunocaccio (03 Jul 2005 - 19:43)

Bonjour Novaa et bienvenue ici

As-tu bien suivi le tutoriel jusqu'au bout ? As-tu testé la partie qui explique le centrage vertical (avec marges négatives) ?

Raphael a écrit :
Bonjour Novaa et bienvenue ici

Merci

Raphael a écrit :
As-tu bien suivi le tutoriel jusqu'au bout ? As-tu testé la partie qui explique le centrage vertical (avec marges négatives) ?

Non effectivepent je n'étais pas allé jusqu'à la fin j'avais regardé la partie pour le central horizontal mais pas le reste !

Merci beaucoup, maintenant ça marche impec' il me reste plus qu'à continuer ...

=> http://florian.carrere.free.fr/

Novaa,

Alors un petit Résolu dans ton titre serait apprécié