Rechercher : dans
Par :

[css] centre une page

Dernière réponse le 26 aoû 2009 à 18:58:40 kij_82, le 2 déc 2007 à 14:31:21 
 Signaler ce message aux modérateurs

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 ? :)


~ N'oubliez pas la balise "Résolu" lorsque votre problème est... résolu :) ~
Configuration: Windows XP
Firefox 2.0.0.11

Meilleures réponses pour « [css] centre une page » dans :
[Firefox] Personnaliser les pages web avec Greasemonkey VoirC'est quoi, GreaseMonkey ? Exemple 1 Exemple 2 XPath Fonctions utilitaires removeElement() removeAttributeOfElement() setAttributeOfElement() injectCSS() Exemple 3 Liens C'est quoi, GreaseMonkey ? GreaseMonkey est une extension...
Javascript - Centrer verticalement une page web VoirPour centrer verticalement une page web, impossible de s'en sortir en css. Une solution bien pratique : JavaScript. 1. Le fichier .js 2. La page .html 3. Utilisation 4. Inconvénients 5. Rappel Merci à Dalida pour la source du...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
La syntaxe des style (CSS) VoirDéfinition d'un style La définition d'un style se fait à l'aide de règles en texte simple permettant de décrire l'aspect des éléments de la page. Une règle CSS est caractérisée par deux principaux éléments : Un sélecteur de balises, permettant de...

2

warlix, le 2 déc 2007 à 16:28:23

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

}
la tristesse c est de ne pas savoir que l on est heureux !

Répondre à warlix

3

RAD ZONE, le 2 déc 2007 à 16:45:07

http://css.alsacreations.com/...
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

4

kij_82, le 3 déc 2007 à 09:56:23

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 :)


~ N'oubliez pas la balise "Résolu" lorsque votre problème est... résolu :) ~

Répondre à kij_82

5

kij_82, le 3 déc 2007 à 21:39:42

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

~ N'oubliez pas la balise "Résolu" lorsque votre problème est... résolu :) ~

Répondre à kij_82

6

informatiqueur, le 9 mar 2008 à 12:29:59

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

Répondre à informatiqueur

7

tim, le 29 mar 2008 à 17:07:39

J'avais le meme probleme sur un site
va voir sur http://edu.ca.edu/article207.html

ça marche chez moi.

Répondre à tim

8

kiki.boss3, le 30 mar 2008 à 15:37:30

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

Répondre à kiki.boss3

9

 papounet, le 26 aoû 2009 à 18:58:40

Il faut peut être ajouter px au 550 !

Répondre à papounet
Collection CommentÇaMarche.net