Archives FluxBB.fr

biloud43

Membre

Contenu centré sur IE

Salut
http://bolognobar.net/viewtopic.php?pid=531#p531
Voilà, sous firefox, le contenu n'est pas centré (comme je le veux), mais sous IE c'est centré... Une petite idée ?
Merci d'avance !

biloud43

Membre

Re : Contenu centré sur IE

Up svp

Otomatic

Régisseur

Re : Contenu centré sur IE

Bonjour,

C'est centré avec IE par ce que IE ne respecte pas les standards HTML.

Le doctype déclaré est XHTML 1.0 Strict et, avec ce doctype, la balise <center> n'existe pas, mais, comme IE s'en fout, il l'utilise quand même alors que Firefox, plus respectueux des standards HTML, « saute » cette balise.

D'une part, 94 Errors, 3 warning(s) dans ta page.

D'autre part, faire un « up » 1 h ½ après avoir posé une question est du plus mauvais effet.

---

Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Sont différents : ça et sa - est et ait - à et a - ce et se - mes et mais ou met - été et était - c'est et ces - ce-si et ceci
La vie sans musique est tout simplement une erreur, une fatigue, un exil. Friedrich Nietzsche

biloud43

Membre

Re : Contenu centré sur IE

94 errors et 3 warnings? Qu'est-ce?
Et comment puis-je rectifier ceci pour IE ?
1h et demie? On doit pas avoir la même heure

Hier 20:53
Aujourd'hui 18:38

Merci encore

Dernière modification par biloud43 (26-02-2009 21:27:50)

Ti pierre

Membre

Re : Contenu centré sur IE

@ Otomatic : :biere: tu vois mal ?

Les erreurs proviennent du validateur xHTML w3c :

Validateur xHTML de ton index

En utilisant des <br>, <center>, <img ... > il es sur que seul IE peut comprendre

Un bon check, une bonne mise au normes et tout s'affichera correctement sur tout les navigateurs.

Dernière modification par Ti pierre (26-02-2009 22:20:33)

biloud43

Membre

Re : Contenu centré sur IE

Oui en gros mon site n'est pas valide W3C..
Donc je dois tout vérifier à la main sur les templates main.tpl etc..?

Et alors il faut que je mette quoi à la place de <br> ou <br /> pour faire des sauts de lignes?

Dernière modification par biloud43 (26-02-2009 22:57:02)

TLP

Membre

Re : Contenu centré sur IE

Bonjour,

Pour centrer proprement une classe ou une ID, voici le code CSS:

#nom_ID (ou .nom_classe)
{
margin:0 auto;
width:taille_de_la_div;
}

Les sauts de ligne c'est bien <br />

biloud43

Membre

Re : Contenu centré sur IE

Bonsoir !
Merci, je vais potasser là dessus, cependant à la base ce n'est pas sensé être centré
Je dois donc enlever tous les <center> ?

EDIT : Quel boulet.. J'avais oublié de refermer une balise Center !
Ce n'est donc plus centré sous IE parfait, cependant ce n'est pas valide W3C la balise <center> ?

EDIT 2 : C'est bon j'ai trouvé, j'essaie de corriger le plus d'erreurs possibles

EDIT FINAL :

Voilà tout est valide W3C et tout fonctionne correctement !
Apparement les membres aimaient bien le fait que les messages et la petite fiche membre dans le viewtopic soit centrée, comment puis-je le faire svp?

Dernière modification par biloud43 (28-02-2009 00:35:18)

Mpok

Néo Admin

Re : Contenu centré sur IE

EDIT 2 : C'est bon j'ai trouvé, j'essaie de corriger le plus d'erreurs possibles
EDIT FINAL : Voilà tout est valide W3C et tout fonctionne correctement !

BRAVO !!
Enfin un utilisateur qui ne s'offusque pas des remarques sur la validation, et qui au contraire fait des efforts pour se rendre valide... (surtout qu'on partait de loin, autant en terme d'erreurs que de sensibilisation : "94 errors et 3 warnings? Qu'est-ce?")

Franchement, bien joué...

Bon, maintenant en ce qui concerne :

Apparement les membres aimaient bien le fait que les messages et la petite fiche membre dans le viewtopic soit centrée, comment puis-je le faire svp?

La méthode proposée par TLP ci-dessus (margin : auto) ne fonctionne pas ?
C'est pourtant la bonne..
Peut-être l'id ou la classe indiqué(e) dans le css n'est pas correct(e) ?

Otomatic

Régisseur

Re : Contenu centré sur IE

Voilà tout est valide W3C et tout fonctionne correctement !

:canon: J'en suis tout ébaubi et content - pour les autres - de voir que l'icône de HTML Validator est maintenant verte sur ton forum.

C'est en respectant les standards que l'on a le plus de chances de rendre son site (presque) identique pour tous les navigateurs - tout du moins les plus récents.

---

Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Sont différents : ça et sa - est et ait - à et a - ce et se - mes et mais ou met - été et était - c'est et ces - ce-si et ceci
La vie sans musique est tout simplement une erreur, une fatigue, un exil. Friedrich Nietzsche

biloud43

Membre

Re : Contenu centré sur IE

Mpok : Je vais essayer
Sinon je connaissais le W3C, mais de nom seulement, et puis c'est mieux d'être "dans les normes", ça a résolu mes problèmes
Il faut que je trouve quelle div est celle des petits fiches du viewtopic, à gauche des messages, comment est-ce que je peux faire?
Merci pour les "bravos", ça fait plaisir de voir que c'est qqch d'assez important le W3C

Otomatic : Merci et je suis tout à fait d'accord avec toi

EDIT : Pour les DIV :
Ceci ne fonctionne pas :

/* post gauche */
DIV.postleft , DIV.postfootleft , DIV.blockpost LABEL {
background-color : #ffe3d0;
margin:0 auto;
}

Je ne sais pas la taille par défaut, elle n'est pas spécifiée, donc je n'ai pas mis de width..

Par contre, ceci fonctionne :

.conteneur {
 text-align: center;
}

Je vais voir tout ca Merci encore !

Au final tout est ok, j'ai réussi à centrer ce que je voulais par le CSS, et tout est valide W3C.
Cependant, il me reste un problème : la barre de signature ne s'affiche en noir que sous IE, pas sous Firefox, j'ai cherché et j'ai réussi à l'afficher, cependant elle n'est pas centrée...
Quelqu'un a-t-il une idée?
Merci encore beaucoup

Dernière modification par biloud43 (28-02-2009 14:34:09)

TLP

Membre

Re : Contenu centré sur IE

Relis bien mon message.

Le "margin:0 auto;" ne fonctionne que si tu donnes la largeur de la DIV. Sans cela le navigateur ne peut pas calculer automatiquement les marges.

Pour info "margin: 0 auto;" est la réduction de "margin: 0 auto 0 auto;" dans l'ordre : haut/droite/bas/gauche. Pour te souvenir c'est le sens des aiguilles d'une montre.

biloud43

Membre

Re : Contenu centré sur IE

Merci mais cela ne fonctionne pas, dès que j'augmente la largeur de la div la barre se décale mais arrivé à un stade celà décale toute la sign.

Faut il que je modifie :

DIV.postsignature {
PADDING:15px;
color:#000000;
width:500px;
margin:0 auto;
}


ou

.pun HR {BACKGROUND-COLOR: #000; COLOR: #000;}

?

EDIT : Je me suis débrouillé autrement en mettant des tirets --------- dans le viewtopic.php que j'ai centré, ça ira très bien

Dernière modification par biloud43 (28-02-2009 18:11:39)

biloud43

Membre

Re : Contenu centré sur IE

Au final, tout fonctionne comme je le souhaite, c'est parfait !
Merci à tous encore
Ce topic est résolu.