[Résolu] Mise en page centrée css

Bonjour,

Je suis en train de coder un site, qui sera présenté centré dans un div global.

J'ai créé une page de test, avec tous mon css, mes divs principaux, etc, et tout va bien.

Ensuite j'ai fait mon découpage, pour mettre le menu, le pied de page dans des fichiers php que j'appelle en include dans le site réel.
Et dans le site, sur IE, le centrage ne se fait plus.
J'ai continué à ajouter du css, mais je ne vois pas ce que j'ai pû faire pour casser le centrage css..

voici les 2 pages :
http://www.glossolalie.be/tmp_bar/test.php
http://www.glossolalie.be/tmp_bar/

la première contient tout le code dans une seule page,
la deuxième contient le lien vers la page css, et les différentes parties du codes réunies en php.

Est-ce que vous voyez quelque chose?
merci
Modifié par AnagraM (19 Dec 2007 - 15:59)

Personnellement j'ai pas tous compris a ton souci, mais pourquoi tu met pas ton div coin dans ton div global avec un width de 100% ?

le div Coin sert juste à afficher la ligne rouge qui part du bord et qui va jusqu'au div de contenu, pour l'affichage en plus de 800x600, quand le div de contenu est centré.
si je le mets dans mon div global, le 100% ne prend plus l'espace de la page, mais du div global.


le problème est que sur IE, mon div de contenu est aligné à gauche au lieu de se centrer.

J'avais pas saisie ton souci et je pense que tu peux juste changer dans ton css le body :

TEXT-ALIGN: justify

par

TEXT-ALIGN: center

et apres dans ton div global remettre un text-align :justify
Modifié par muby (19 Dec 2007 - 13:33)

Merci, ça marche.



Mais si quelqu'un trouve quand même pourquoi sur la page test.php, le div est centré sur IE, malgré le text-align:justify du body, ça m'intéresse de comprendre ce qui se passe..

Bonjour,

AnagraM a écrit :
voici les 2 pages :
http://www.glossolalie.be/tmp_bar/test.php
http://www.glossolalie.be/tmp_bar/

la première contient tout le code dans une seule page,
la deuxième contient le lien vers la page css, et les différentes parties du codes réunies en php.

À vue de nez:
- la première page est correctement codée, le code HTML est presque valide (il manque: un attribut type obligatoire, et surtout la déclaration de l'encodage -- à corriger!);
- la seconde page n'a pas de Doctype, mélange allègrement les syntaxes HTML et XHTML, et a des éléments en dehors de head et body.

Le point décisif ici, c'est l'absence de Doctype, dont les navigateurs se servent pour savoir s'ils doivent traiter la page en mode Quirks (à l'ancienne, chaque navigateur faisant ça un peu à sa sauce) ou en mode Standard (c'est à dire en tentant de respecter les spécifications qui vont bien). En l'absence de Doctype, le rendu sera en mode Quirks, et Internet Explorer n'est pas capable de centrer un bloc via les marges automatiques en mode Quirks.
Correction: rajouter un Doctype qui va bien.

Plus largement, je ne peux que conseiller de travailler avec la syntaxe XHTML pour plus de rigueur, de valider le code, etc.

Pour finir: l'astuce à base de text-align: center pour centrer un bloc pourra tout de même être utilisée, en plus de la correction du code pour passer en mode Standard, afin d'obtenir le bon centrage dans Internet Explorer 5.

Merci bcp.


J'avais pas pensé à valider pour voir si ça passait bien..

J'ai fait l'erreur de récupérer un head avec des descriptions DC sans le vérifier, et il était complètement mal foutu..

c'est corrigé maintenant, et tout marche tel que je le voulais, même avec le justify dans le body