[css] centre une page

Question

Bonjour,

J'ai un petit soucis sous IE pour centrer un page web.
En gros, tous mes éléments sont dans une div global qui a pour propriétés css les suivantes :

#centrer
{
margin-left: auto;
margin-right: auto;
width: 550;
text-align: left; /* pour résoudre le bug de centrage de IE */
}


J'ai regardé sur le net et apparemment c'est la solution adéquat à ce que je veux faire, et ca fonctionne très bien sous FF, mais sous IE7, mon contenu reste sur la gauche au lieu d'être centrer sur ma page.

Y a-t-il un pro du css qui saurait me sortir de là par hasard ? :)

warlix · Answer

salut

bon le lien en haut n est que la pub ne cliquez pas dessus :)

pour repondre , je ne pense pas que tes deux margins soient correct
si tu veux centrer un div je pense qu un simple 


margin: auto;
suffit
le text align: left , je ne vois pas en quoi il bugg dans IE ^^  mais je n ai pas souvenir de ça.


de base un css simple donne

#nomdetondiv  {

width: 550px;
margin: auto;
text-align: center; ou autre en fonction du contenu

}

RAD ZONE · Answer

http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS

kij_82 · Answer

Ca vient peut etre du text-align: letf alors, je tenterais de changer ce soir et voir ce que ca change.
Merci pour votre participation en tout cas :)

kij_82 · Answer

Re, J'ai tenté plusieurs choses mais sans résultat probant. Pour le moment j'ai toujours mon css comme ceci : #centrer{ margin: auto; width: 550; } et ma page :

... contenu ...

Sous firefox c'est correctement centré, mais sous IE tout reste à gauche :'s

informatiqueur · Answer

J'ai le même soucis, quelqu'un svp :(

kiki.boss3 · Answer

voici la solution :
#centrer
{
margin: auto;
width: 550;
float:none;
}

papounet · Answer

il faut peut être ajouter px au 550 !

[css] centre une page

7 réponses

Discussions similaires

Newsletters