28220 sujets

CSS et mise en forme, CSS3

Probleme avec centrage de ma page

bonjour les gens, voila j'ai un problem d'aligne sur mon site car j'utilise une méthode que j'ai trouvé sur le site 
#conteneur
		{
		position: relative;
		width: 770px;
		left: 50%;
		margin-left: -385px;    /*option de recadrage au centre*/
		/*left: 0px;*/
		height: 100%;
		text-align: left ;
		border-left: 1px solid #F75202 ;
		border-right: 1px solid #F75202 ;
		background: url(images/bg.gif) ;


le problème étant que si une de mes pages n'a pas d'ascenceur, la site se décale légèrement etant donné qu'il ne se repère plus par rapport au meme point. Vous pouvez voir ce que ca donne en allant voir ce site http://skalpl.free.fr/sisteer
Modifié par Sk4pis0 (22 Nov 2005 - 11:05)
bonjour,

pour centrer le conteneur, tu peux egalement faire :

#conteneur

		{

		position: relative;

		width: 770px;

		margin: 0 auto; (qui est l'equivalent de margin: 0 auto 0 auto)

		height: 100%;

		text-align: left ;

		border-left: 1px solid #F75202 ;

		border-right: 1px solid #F75202 ;

		background: url(images/bg.gif) ;

Modifié par Philippe (22 Nov 2005 - 08:36)
j'ai essayé avec le code que tu m'a filé Philippe mais ca fait la meme chose. des que l'ascenceur apparait ou disparait, ca fausse l'alignement.
hum... mais il n'est plus du tout centré...
tu l'as enlevé ?
et si tu mets un margin:auto; dans ton style #conteneur (en enlevant sa position et son left) ?
j'ai remis l'ancien css pour que vous vous rendiez compte. le margin auto ne regle pas le probleme apparement
Effectivement, le décalage s'observe sous FF (pas sous IE)

Je pense que le problème vient de la gestion de la scrollbar.
Sous IE elle est toujours visible.
Mais sous FF elle n'apparait que si necessaire, réduisant ainsi la largeur utile du document.

Je ne vois pas de solution... Smiley sweatdrop
bah tan pis jvais devoir donner une valeur en pixel pour décaler le tout, jvois que ca...

Skapis0 le sang chaud fait trembler les CSS avec ses nouvelles énigmes
Même en décalant, avec des positionnements en % ou en auto, le calcul se fera toujours par rapport à la largeur utile de la page, qui, pour FF, varie en fonction de la présence ou non de la scrollbar.

Si tu trouves une solution, fais-le nous savoir Smiley cligne
Sujet clos
Aller à