Alignement horizontal

Bonjour, j'ai un header avec 3 boîtes :
- 1 en float:left;
- 1 en float:right;
- 1 qui vient entre les deux.
Pour la disposition c'est bon mais mon problème est que j'aimerais que la boite du milieu (celle entre les deux) se positionne toujours au centre en horizontal quelque soit le redimensionnement de la fenêtre du navigateur.
Est-ce possible sans bricoler ?

Merci pour vos conseils.

Bonjour,

Tu peux peut-être t'inspirer de ce modèle : http://www.alsacreations.com/static/gabarits/modele09.html

Il me reste un espace que je n'arrive pas à supprimer juste en bas de la boite globale. C'est comme si il y avait 2 ou 3 pixels entre le bas de mes photos et le bas de la boite globale.
J'ai beau chercher je ne vois pas comment m'en débarrasser.

<div id="head">
<div id="gauche"><img src="images/logo_test.png" alt="" width="400" height="150" /></div>
<div id="centre"><img src="images/amazing.png" alt="" width="360" height="150" /></div>
<div id="droite"><img src="images/travaux.png" alt="" width="336" height="111" /></div>
</div>

#head {
		width: 100%;
		background-color:#666;
}
#gauche {
	width: 400px;
	position: absolute;
	left: 20px;
	top: 0px;

}
#droite {
	width: 336px;
	position: absolute;
	right: 20px;
	top: 22px;
}
#centre {
	margin-left: 400px;
	margin-right: 400px;
	text-align: center;
}

hello,

un petit bout de code en plus ne serait pas de refus pour essayer de comprendre ton problème (voir une url)

A tantôt

Bonsoir,

Peut être positionner ton div "head" en "relative" car pour le moment les divs contenant tes images ne se positionnent pas par rapport à #head mais par rapport à leur parent positionné.
Je ne suis pas sûr d'avoir saisi clairement ton problème mais sait on jamais.
Par contre utilise plutôt ça en mettant des margins à "auto" pour centrer ton image du milieu :

#centre {
margin-left:auto;
margin-right:auto;
width:360px;
}

Modifié par Spacedementia (30 Nov 2010 - 23:49)