Centrer un div avec contrainte.

[jeromestj]

Bonjour,

Je suis débutant en développement web et je doit en faire lors de mon stage.
J'ai commencé à faire des tests et il y a un truc que je veux faire et j'en suis incapable.

Je veux que, peu importe la taille du browser, mon div box soit centré et que, si le browser devient plus petit que la box en question, perdre seulement la partie de droite.

Pour exemple je vous donne le site de google. Jouer avec le browser, vous allez voir qu'il reste centrée jusqu'à un point ou la partie gauche ne bouge plus et c'est le côté droit qui disparait.

Merci.

[Bisûnûrs]

margin:auto, je ne vois pas la difficulté.
Avec un peu plus de code on pourrait être plus précis dans nos réponses.

[jeromestj]

Désolé pour le délai, j'ai des problèmes avec internet aujourd'hui.

Bon, voilà le code que j'ai fait par moi même:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
 
#textzone
{
	position: absolute;
	width: 800px;
	height: 400px;
	background-color:#FFCC99;
	left: 50%;
	margin-left: -400px;
	right: 50%;
	top: 75px;	
}

C'est comme sa que je veux que ma boite se comporte, sauf quand le browser devient moins large que 800px. Avec du texte, on voit bien que je pert une partie de ma boite a gauche.

J'ai tenter d'enlever les left et right et changer la margin pour auto, mais ma boite n'est plus centré, elle se colle seulement à gauche en tout temps.

Merci

[Bisûnûrs]

Et comme ça :

Code :

1
2
3
4
5
6
7
#textzone
{
	width: 800px;
	height: 400px;
	background-color:#FFCC99;
	margin: 75px auto 0;
}

[NoSmoking]

Envoyé par jeromestj

C'est comme sa que je veux que ma boite se comporte, sauf quand le browser devient moins large que 800px. Avec du texte, on voit bien que je pert une partie de ma boite a gauche.

ce sont les limites de l'utilisation des marges négatives, le document reste centré, donc une partie égale disparaît de chaque coté.