28172 sujets

CSS et mise en forme, CSS3

Bonjour,

La réponse est sans doute bête comme chou, mais plus je cherche et moins je vois .. .

Je veux centrer horizontalement trois div de largeur identique. Deux d'entre elles (Haut et Bas) sont placées dans un conteneur en position absolue, la troisième (page)dans un conteneur en position relative avec un overflow auto.

Tous les margin, padding et border sont à 0. Tout fonctionne, sauf le centrage des div haut et bas qui sont légèrement décalées vers la droite ?????


/* CSS  */
* {
	margin: 0;
	padding: 0;
	border:0;
	}

html, 
body {
	height:100%;
	max-height:100%;
	width:100%;
	overflow:hidden;
	}
	
#wrapHAUT, #wrapBAS{
	position:absolute;
	width:100%;
	height:50px;
	}

#wrapPAGE {
	position:relative;
	width:100%;
	height:100%;
	max-height:100%;
	overflow:auto.
}

#HAUT, #BAS, #PAGE {
	min-width:780px;
	max-width:780px;
	margin:0 auto;
	}


Si quelqu'un a une idée de l'endroit où j'ai buggé ? Merci d'avance de votre aide.
Après divers tests, le problème ne se pose vraiment que sur la valeur auto du margin. Avec un margin déterminé (en px ou en %) il n'y a pas de décalage.