Centrage d'un site

Bonsoir,

Je suis en train de réaliser un site web pour une amie, mais je n'arrive pas à centrer la page, pourtant j'ai bien mis le conteneur et j'ai bien tout mis... et ça ne veux pas marcher.

Extrait css :

... 
.conteneur {
margin-left: auto;
margin-right: auto;
}

Extrait html :

	<div class="[#red]conteneur[/#]">
[b][...][/b]
		<div id="slice45"><img src="images/slice45.png" width="980" height="100" alt="" /></div>
		<div id="apDiv30"><img src="images/slice19.png" alt="" width="763" height="10" /></div>
		<div id="apDiv31"><img src="images/slice19.png" alt="" width="763" height="10" /></div>
		<div id="apDiv32"><img src="images/slice19.png" alt="" width="763" height="10" /></div>
	[#red]</div>[/#]

Voila si vous pouvez m'aider ça serais sympa,
Merci d'avance aux gens qui souhaiteront m'aider.
Modifié par lut(all) (17 Oct 2007 - 20:05)

je ne sais pas qui... a écrit :
Aide toi, le ciel ( ou quelqu'un d'autre...) t'aidera...

D'une manière générale, il faut, et il cela suffit bien souvent..., faire une petite recherche sur le net, dans la FAQ ou dans les sujets déjà en ligne, pour être sûr que ton problème n'a pas déjà été traités 1687654 fois....

Je pense que la lecture de cet article pourra grandement t'aider: centrer les éléments ou un site...

Si malgré cette excellente lecture tu ne parviens pas à tes fins, reviens nous en faire part et nous t'aiderons volontier...

J'ai déjà lu, tant puis merci quand même. Je vais chercher pour voir si quelqu'un à le même problème.

Bonsoir,

Peut-être cela ?

.conteneur {
	margin: 0 auto;
}

6l20 a écrit :

...ton problème n'a pas déjà été traités 1687654 fois....

+1
Niklaus
Modifié par Niklaus (17 Oct 2007 - 22:09)

.conteneur {
	margin-left: auto;
	margin-right: auto;
}

--> Le bloc prendra toute la largeur disponible dans son conteneur (comportement par défaut des éléments de type bloc), puis appliquera une marge automatique à gauche (zéro pixels) et une marge automatique à droite (zéro pixels).

.conteneur {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

--> Le bloc prendra prendra une largeur de 500px, puis appliquera une marge automatique à gauche (espace disponible dans le conteneur, moins 500px, divisé par deux) et une marge automatique à droite (espace disponible dans le conteneur, moins 500px, divisé par deux).

Bref, il faut donner une largeur au bloc.
Modifié par Florent V. (17 Oct 2007 - 22:14)