UnnamedBlog (le blog de UnnamedPlayer)
Retour au blog <<

Avis aux connaisseurs de CSS (le style, pas le jeu hein)

Mardi 18 juillet 2006 à 10 h 36
Pour vous qui connaissez bien (ou un minimum) les feuilles de style css, j'ai une question.

J'ai repris un style existant d'un site qui n'existe plus (mais que j'avais en backup) pour écrire le site de mon club DDR de mon école. Le site est ici et la CSS est .

Comme vous pourrez le constater, sous IE, les tableaux foirent légèrement sur la droite de l'écran (allez dans la rubrique "scores" du site). Par contre ça marche sans problème sous FireFox ou Opera.

Ma question est donc simple : quelqu'un sait-il pourquoi ce comportement sous IE (à part le fait qu'IE ça veut pas un clou) ?

Merci d'avance à quiconque pourra m'aider ;)
par CnE
Mardi 18 juillet 2006 à 10 h 39
Tout simplement parce que IE est le browser qui respecte le moins les standards de la W3C. Et pour faire un site qui marche sur les browsers populaire, il faut jongler entre les 3 et rectfifier petit à petit ton code.
Mardi 18 juillet 2006 à 10 h 43
Je suis d'accord, mais si j'ai repris une CSS existante, c'est parce que je n'y connais rien moi-même :)

Je serai donc bien content si quelqu'un pouvait trouver le problème en jetant un coup d'oeil rapide aux sources :)
par Rhombus
Mardi 18 juillet 2006 à 11 h 30
Apprend à faire de l'html correcte avant de passer au css.
Autre question, quel est l'interet d'avoir une feuille css et d'avoir du code css dans ton code html ?
par CnE
Mardi 18 juillet 2006 à 11 h 35
Pouvoir par la suite changer de grandes part de l'apparence du site sans toucher à l page html (switch de skins)
Mardi 18 juillet 2006 à 11 h 37
J'en sais rien moi. Et l'html, à la base, ne m'intéresse pas. J'ai les connaissances de base qui m'ont permis de faire ce que j'ai fait parce que j'ai fait un iut info mais j'ai nullement cherché à faire un truc correct du point de vue normalisation et tout ça. Pour ce qui est de la mise en forme du code html, c'est un seul gros bloc car je le génère à partir d'un programme qui parse un fichier xml pour récupérer les scores.

J'espérais juste que quelqu'un ait déjà vu ce problème d'affichage quelque part et puisse me dire quoi changer.
par booz
Mardi 18 juillet 2006 à 12 h 08
"j'ai nullement cherché à faire un truc correct du point de vue normalisation"

C'est pas pour rien que la normalisation W3C c'est environ 30% du temps de design d'un site web. Si t'as rien normalisé c'est logique que ça merde sur plein de browsers.

Enfin bon, pour ma part ton site n'a aucun problème apparent sous IE. Les tablaux sont un peu différent de ceux sous irefox parce que c'est le browser qui les génère comme ça. Je vois pas où est le problème.
Mardi 18 juillet 2006 à 12 h 49
Ca merde pas avec plein de browsers, juste avec IE. Malheureusement je suis au taf et je n'ai pas vraiment les moyens de faire une capture. Mais c'est la bande bleue en haut de chaque tableau (celle dans laquelle il y a les titres en blanc) qui ne va pas jusqu'au bout du tableau. Que ce soit sur IE chez moi ou sur IE ici (pas la même résolution d'écran), la bande bleue s'arrête à quelques pixels du bord droit de l'écran. En déplaçant l'ascenseur horizontal vers la droite pour voir la suite du tableau, on voit que le reste de la barre est blanc.
par __MaX__
Mardi 18 juillet 2006 à 13 h 26
Parceque IE interprete n'importe comment les pourcentages. Tu as mis 100% sur la largeur de ta table, donc IE va prendre 100% de ta résolution pour afficher le tableau même si tu as déjà 25% de consommé à gauche. A l'opposé, si tu avais fais un conteneur propre qui notifiait une taille de 75% en div, et que ton tableau tu lui avait donné une largeur AUTO, il se serait ajusté au conteneur. Ca déjà, c'est qu'une partie.

Tes histoires de couleurs, c'est probablement un truc foireux du code, j'ai pas envie, mais alors vraiment pas envie de me galérer à trouver quel / ou quel > tu as oublié pour que la couleur se barre, ou quel style css nécessite une options forcée pour éviter ce genre de bug sous IE.

Si on veut faire du w3c ou du compatible, faut bosser sur le site et apprendre le code html et css ainsi que ses standards.

EDIT : Mais j'ai pas pu m'en empecher... essaie un &nbsp; dans tes cases vides.
Mardi 18 juillet 2006 à 15 h 23
J'essaierai de changer la largeur de la table quand je rentrerai chez moi, merci du conseil.
Toutes les personnes enregistrées peuvent poster un commentaire dans ce blog.

Commenter

Tags autorisés : [b] [/b], [i] [/i], [u] [/u], [code] [/code], [img]Adresse d'une image[/img], [url=Adresse d'un site web] [/url]
Vous pouvez aligner vos images à droite ou à gauche en modifiant le tag [img] comme ceci : [img right] ou [img left].

Pour vos vidéos/animations flash : [video]Adresse d'une animation[/video], pour préciser la largeur et hauteur : [video width=100 height=200]...[/video]