[RESOLU] Centrer un div..

Bonjour

Je travaille en ce moment une nouvelle version de mon site http://www.mikimya.com/v5/

Je n'arrive pas à centrer correctement le rectangle rouge ( il changera de couleur prochainement) dans l'espace blanc. Il doit y avoir un espace blanc entre le jaune et le rouge.

Enfin, lorsque je le fais, on remarque des dépassements blanc sur les côtés qui viennent cacher la bordure du site

Comment puis-je faire pour régler cela ?
Modifié le 13 Nov 2004 - 00:04

Essaie de faire :

margin-right:auto;
margin-left:auto;

En premier lieu, je vois un problème ici :

#conteneur {
	width: 730px;
	[#red]margin-left: -430px;[/#] /* devrait être -365px */
	background-image: url(../images/ombre.jpg);
	left: 50%;
	position: absolute;
	background-repeat: repeat-y;
}

Pour en savoir plus sur cette technique :
http://www.wpdfd.com/editorial/thebox/deadcentre1.html
http://www.wpdfd.com/editorial/thebox/deadcentre3.html
Modifié le 12 Nov 2004 - 21:25

Stephan a écrit :

Pour en savoir plus sur cette technique :
http://www.wpdfd.com/editorial/thebox/deadcentre1.html
http://www.wpdfd.com/editorial/thebox/deadcentre3.html

Il y'a aussi ce lien http://bluerobot.com/web/css/center2.html d'où je m'étais inspiré pour le tuto sur le centrage

merci je vous en donnes des nouvelles

Finalement, rien ne fonctionne. Je voudrais centré mon rectangle rouge. Je voudrais qu'il puisse avoir autant despace blanc de chaque coté.

Voila un site dont le premier rectangle est centré http://www.myownbbq.com/

Sous firefox, je ne vois pas de pb !!

Mais tu as essaye de jouer avec les marges ?

Il va falloir que tu expliques en détail ce que tu veux obtenir : le lien que tu donnes s'affiche à l'identique sur IE et FF et je ne vois aucun élément à centrer : le seul rectangle rouge est placé dans un ensemble avec des animations à sa droite.
Si tu le centres, les animations passeront en-dessous. C'est bien ce que tu veux?
Si non, montre-nous en détail ce que tu veux.

Enfin, je crois avoir mal expliquer ce qu'il se passe.

Comme vous l'avez constater le rectangle rouge de http://www.myownbbq.com/ est bien centrer

Lorsque je joue avec les marges afin d'ajuster mon rectangle rouge, on retouve du blanc qui vient caché la bordure de mon design.

Voici un test afin que vous comprennez bien ce que l'on voit www.mikimya.com/v5
On remarque que la bordure est un peu brisée, ca me dérange
Modifié le 12 Nov 2004 - 23:32

Essaies cela :

#centre2 {
	background-color:#CC3300;
	margin-right:20px;
	margin-left:20px;
	margin-top: 5px;

}

Il faut avoir de l'espace entre le jaune et le rouge

Tu rajoutes cela :

#centre {
	background-color:#FFFFFF;
	margin-right: 3%;
	margin-left: 2%;
	border-right-color: #3C85A4;
	border-left-color: #3C85A4;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	padding-bottom:5px;
}

#centre2 {
margin-bottom: 5px; /* devrait être 0px */
}

Modifié le 12 Nov 2004 - 23:57

Super ! Merci !!!!

Mikimya a écrit :

Voici un test afin que vous comprennez bien ce que l'on voit www.mikimya.com/v5
On remarque que la bordure est un peu brisée, ca me dérange

J'ai mis du temps à comprendre qu'il n'y a que sous IE que ça foire.

C'est un cas classique de problème de box-model :
http://www.openweb.eu.org/articles/dimensions_boites_css/
http://www.alsacreations.com/articles/compatibilite/

tu peux mettre un resolu dans ton post