Probleme de CSS sur internet exploreur
Kayne
-
Kayne -
Kayne -
Bonjour,
Voila en fait j'ai un probleme avec internet exploreur et le CSS de mon site.
Avec Firefox ca marche parfaitement mais avec Internet Exploreur C comme si je n'avais pas mis de CSS. Comme si il n'accedait pas au fichier externe. Ca vient pas de ca j'ai aussi essayer de l'inclure dans des balises, ca change rien.
Voila l'adresse de mon site : http://tripamort.free.fr/
et le code CSS de celui-ci:
Merci d'avance pour vos réponses
Voila en fait j'ai un probleme avec internet exploreur et le CSS de mon site.
Avec Firefox ca marche parfaitement mais avec Internet Exploreur C comme si je n'avais pas mis de CSS. Comme si il n'accedait pas au fichier externe. Ca vient pas de ca j'ai aussi essayer de l'inclure dans des balises, ca change rien.
Voila l'adresse de mon site : http://tripamort.free.fr/
et le code CSS de celui-ci:
body { background-color: yellow; } #page { position:relative; margin-left:20px; width: 1024px ; background-image: url("../../index_fichier/acceuil_fond.gif"); background-repeat: repeat-y; } .tete { position:relative; } titre { margin-left: 10px ; margin-top: 20px; color: black; font-size: x-large; font-family: "Arial Black", serif ; } stitre { color: gray; font-size: large; font-family: "forte", serif ; font-style: italique ; background-color: yellow; } txt { margin-left: 20px ; color: white; font-size: large; font-family: "Arial", serif ; } strong { color: yellow } form { margin-left: 20px; } .fenetre_barre { margin-left: 10px; border: 5px solid black; width: 316px; background-image: url("../../index_fichier/news_fond.gif"); background-repeat: repeat-x; } .news_fenetre { margin-left: 10px; border: 5px solid black; width: 600px; background-image: url("../../index_fichier/news_fond.gif"); background-repeat: repeat-x; } .news_ferme { width: 265px; height: 30px; margin-left: 10px ; background-image: url("../../index_fichier/fenetre_fermee.gif"); background-repeat: no-repeat; } .news_ouverte { border: 1px solid black; position:relative; width: 500px; margin-left: 10px ; background-image: url("../../index_fichier/fenetre_ouverte.gif"); background-repeat: repeat-x; } .aucun { text-decoration: none; color: black; font-size: small; } .aucun:focus, .aucun:active { text-decoration: none; color: black; font-size: small; } a { color: yellow ; text-decoration: none; font-size: large; } .noir { color: black ; text-decoration: none; font-size: large; } a:hover { color: black ; background-color: yellow; } a:active, a:focus { color: yellow ; background-color: orange; } #espace_news { width: 265px ; margin-left: 10px ; background-image: url("../../index_fichier/fenetre_ouverte.gif"); background-repeat: repeat-x; border: 5px solid red; } pi { size: large ; color: silver ; font-style: italique ; background-color:black ; } .commentaires { color:black; margin-left: 10px; position:relative ; background-color: yellow; width: 295px; border: 3px solid white ; } contenu { color: orangered ; font-size: large; } #corps { position:relative ; margin-left: 350 ; width: 670 ; background-image: url("../../index_fichier/corps.gif"); border: 2px solid black ; } #pied_de_page { position:relative; color: black ; background-color: white ; font-size: small ; font-weight: bold ; } #fenetre_jeux { position: relative; margin-left: 350px ; background-image: url("../../jeux/fenetre.GIF"); width: 592 ; height: 419 ; } .fenetre_corps { border: 2px solid black ; width: 540 ; background-image: url("../../index_fichier/fenetre_corps.gif"); margin-left: 10px ; } .fenetre_post { border: 2px solid black ; width: 550 ; background-color: orange; margin-left: 10px ; }
Merci d'avance pour vos réponses
A voir également:
- Probleme de CSS sur internet exploreur
- Internet exploreur - Guide
- D'où peut venir un problème de connexion internet sur un ordinateur ? - Guide
- Gps sans internet - Guide
- Mon pc rame sur internet - Guide
- Complete internet repair - Télécharger - Web & Internet
6 réponses
T'as vu ?
Les réponses sont plus rapides (-;
Oui, il faut que tu corriges ces choses qui n'existent pas en CSS ou qui sont mal utilisées.
Les dimensions, à part le 0, nécessitent des unités.
Essaye en px. “width: 295px;” ou ”margin-left: 350px;”
“size: large;” n'existe pas parce que “size” n'existe pas.
Tu veux certainement dire “font-size”.
“large” doit certainement équivaloir “1em”.
Si tu en as la possibilité, utilise les codes des couleurs à la place de leurs noms.
“ orangered” vaut “#ff4500”.
Tu t'y feras très vite.
Et puis, “Arial” (pas besoin des guillemets), “"Arial Black"” (besoin des guillemets) et “serif” ne sont pas de la même famille. Arial est “sans-serif”.
“Forte”, je ne la connais pas, mais j'ai l'impression que c'est une “ fantasy” (tous les navigateurs ne les prennent pas en compte. Chez moi, ça affiche une serif).
Peut-être que ça suffira ?
C'est possible.
Mais revois quand-même le code HTML parce que, là aussi, ça cloche.
--
Les réponses sont plus rapides (-;
Oui, il faut que tu corriges ces choses qui n'existent pas en CSS ou qui sont mal utilisées.
Les dimensions, à part le 0, nécessitent des unités.
Essaye en px. “width: 295px;” ou ”margin-left: 350px;”
“size: large;” n'existe pas parce que “size” n'existe pas.
Tu veux certainement dire “font-size”.
“large” doit certainement équivaloir “1em”.
Si tu en as la possibilité, utilise les codes des couleurs à la place de leurs noms.
“ orangered” vaut “#ff4500”.
Tu t'y feras très vite.
Et puis, “Arial” (pas besoin des guillemets), “"Arial Black"” (besoin des guillemets) et “serif” ne sont pas de la même famille. Arial est “sans-serif”.
“Forte”, je ne la connais pas, mais j'ai l'impression que c'est une “ fantasy” (tous les navigateurs ne les prennent pas en compte. Chez moi, ça affiche une serif).
Peut-être que ça suffira ?
C'est possible.
Mais revois quand-même le code HTML parce que, là aussi, ça cloche.
--
Bonsoir Kayne,
D'abord, n'avoir qu'une seule balise HEAD plutôt que 2 pourrais sûrement aider.
Ensuite tu devrais essayer d'utiliser moins de "position:absolute" ou "position:relative" qui donne un résultat aléatoire selon le browser.
Essaye plutôt avec la fonction "float:right" et "float:left"
Puis tu devrais éviter d'utiliser la balise P avec   pour créé des espaces
Prend plutôt les fonctions "padding: 5px 5px 5px 5px;" et "margin: 5px 10px 15px 5px" ça permet d'être plus précis et en plus d'avoir un code valide.
Car évidement le meilleur conseil est celui de IgiXcs. Avoir un code valide !
La meilleur façon pour y arriver est d'utiliser le module de Firefox : https://addons.mozilla.org/fr/firefox/addon/html-validator/
Ben
D'abord, n'avoir qu'une seule balise HEAD plutôt que 2 pourrais sûrement aider.
Ensuite tu devrais essayer d'utiliser moins de "position:absolute" ou "position:relative" qui donne un résultat aléatoire selon le browser.
Essaye plutôt avec la fonction "float:right" et "float:left"
Puis tu devrais éviter d'utiliser la balise P avec   pour créé des espaces
Prend plutôt les fonctions "padding: 5px 5px 5px 5px;" et "margin: 5px 10px 15px 5px" ça permet d'être plus précis et en plus d'avoir un code valide.
Car évidement le meilleur conseil est celui de IgiXcs. Avoir un code valide !
La meilleur façon pour y arriver est d'utiliser le module de Firefox : https://addons.mozilla.org/fr/firefox/addon/html-validator/
Ben
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour,
Voila, j'ai plus de faute de CSS selon http://jigsaw.w3.org/css-validator/ mais pourtant l'affichage sous IE reste mauvais alors que sous firefox ca marche pareil qu'avant c'est a dire très bien
Voila, j'ai plus de faute de CSS selon http://jigsaw.w3.org/css-validator/ mais pourtant l'affichage sous IE reste mauvais alors que sous firefox ca marche pareil qu'avant c'est a dire très bien