Discussion :

[Steph54321]

Bonjour,

J'ai centré le contenu de mon site dans une div, avec le css suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
#boite{
	position: absolute;
	width: 960px;
	height: 500px;
        left: 50%;
	top: 50%;
	margin-left: -480px; /* moitié de width */
	margin-top: -250px; /* moitié de height */
}

Mais le problème avec le positionnement en absolute, c'est que si je diminue la hauteur de la fenêtre du navigateur, la div disparaît vers le haut. Ce que je voudrais, c'est que la div ne se déplace plus une fois qu'elle touche le haut de la fenêtre.

Merci d'avance

[Candygirl]

Bonjour,

En principe, il suffit d'ajouter au parent un min-width et un min-height respectivement de la largeur et de la hauteur de ton élément centré.

[Muchos]

Je ne suis pas très convaincu par le centrage vertical du conteneur global, selon moi incohérent en web.
Ça ne suffirait pas ça ?

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
#boite {
	width: 960px;
	height: 500px;
	margin: auto;
	margin-top: 10%; /* Ou autre */
}