[css] centre une page

Fermé
kij_82 Messages postés 4089 Date d'inscription jeudi 7 avril 2005 Statut Contributeur Dernière intervention 30 septembre 2013 - 2 déc. 2007 à 14:31
 papounet - 26 août 2009 à 18:58
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 ? :)

7 réponses

warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 288
2 déc. 2007 à 16:28
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

}
0
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
2 déc. 2007 à 16:45
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS
0
kij_82 Messages postés 4089 Date d'inscription jeudi 7 avril 2005 Statut Contributeur Dernière intervention 30 septembre 2013 857
3 déc. 2007 à 09:56
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 :)

0
kij_82 Messages postés 4089 Date d'inscription jeudi 7 avril 2005 Statut Contributeur Dernière intervention 30 septembre 2013 857
3 déc. 2007 à 21:39
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 :
<div id="centrer"> ... contenu ... </div>


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

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
informatiqueur Messages postés 19 Date d'inscription vendredi 30 décembre 2005 Statut Membre Dernière intervention 9 mars 2008
9 mars 2008 à 12:29
J'ai le même soucis, quelqu'un svp :(
0
J'avais le meme probleme sur un site
va voir sur https://edu.ca.edu/css-centrer-une-page-dans-la

ça marche chez moi.
0
kiki.boss3 Messages postés 43 Date d'inscription jeudi 26 juillet 2007 Statut Membre Dernière intervention 30 mars 2008 13
30 mars 2008 à 15:37
voici la solution :
#centrer
{
margin: auto;
width: 550;
float:none;
}
0
il faut peut être ajouter px au 550 !
0