Bloc qui ne se centre pas...

[wolf]

Voila, je fais un site web pour un ami.

Code css correspondant :

#container {

position : absolute;

width : 50em;

font-family : Arial, Candara, Helvetic;

margin:auto;

background-color :#f4f4f4 ;

}

lié à

<div id="container">

.

Mais malgré cela, mon bloc container refuse de se centrer ( sous firefox ou IE )...

Avez-vous une solution ?

Vous avec besoin du code complet ?

Merci de vos réponse.

[Aenoa]

as tu essayé de définir la largeur en px plutôt qu'en em ?

en le modifiant, le centrage se fait-il ?

[wolf]

Merci pour la réponse rapide, mais je viens d'essayer et ça ne change rien... :/

Je me suis arraché les cheveux toute la journée..

[ghost]

Bonjour,

Normal, ton block est en absolute, il est donc sorti du flux... donc margin: 0 auto; ne peux pas fonctionner.

Soit le positionner en relative ou si tu tiens à l'absolute

#container {
position : absolute;
width : 50em;
top: ou tu veux;
left: 50%;
margin-left: -25em;
font-family : Arial, Candara, Helvetic;
background-color :#f4f4f4 ;
}

[MarvinLeRouge]

Salut,

Si tu centres ton bloc en conservant le positionnement absolu, n'oublie pas une chose importante : si jamais ton bloc est plus large que la fenètre, il dépassera à gauche de la limite de la fenètre, obligeant l'utilisateur à scroller vers la gauche pour voir le début du contenu, ce qui est assez déconcertant.

C'est pourquoi un bloc en positionnement static avec un margin auto est préférable.

[wolf]

Merci pour vos deux réponses qui d'ailleurs fonctionne très bien

J'ai opté pour la solution de Marvin

Mais merci à vous deux et bonne journée