IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Image background ok sous IE, rien sous FF


Sujet :

CSS

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2004
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2004
    Messages : 57
    Par défaut Image background ok sous IE, rien sous FF
    Salut a tous,

    Le probleme qui m'amene ici est le suivant: j'ai un simple DIV avec une simple background image, et cette image s'affiche sous IE mais pas sous FF. Voici le code (tres complexe) de ma page :

    Code xhtml : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    <head>
        <style type="text/css">
            div#header {height:500px; width:200px; background-image: url(image.jpg);}
        </style>
    </head>
     
    <body>
        <div id="header">texte</div>
    </body>

    Ce code marche parfaitement avec IE (que ce soit sur mon serveur online ou sur mon pc en local). Mais avec FF, il ne marche que sur mon serveur online, pas en local. Et ca ne vient ni des quotes, ni du chemin de l'image, ni de l'image elle-meme, et vraisemblablement ni de mon serveur local puisque sous IE ca marche tres bien.

    Aux secours

  2. #2
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Bonjour,

    Si le but est d'appliquer un fond à un div, as-tu tenté en mettant :
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    background: url(image.jpg) no-repeat;
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2004
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2004
    Messages : 57
    Par défaut
    Helas oui, deja tenté

  4. #4
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Bonjour,

    Tu as peut-être ce problème ? (Sachant que cela pourrait arriver sous FF comme sous IE)

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2004
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2004
    Messages : 57
    Par défaut
    Non c'est pas ca non plus.. En fait j'avais deja testé avec plusieurs images. Notons que le probleme existe aussi avec Chrome, il n'y a que sous IE que l'image apparait.

    o_O

  6. #6
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    On peut voir la page en question en ligne ?

  7. #7
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Citation Envoyé par Macmillenium Voir le message
    On peut voir la page en question en ligne ?
    +1... Se serait le mieux pour tenter de solutionner le problème, à défaut la totalité du code (X)HTML / CSS + image(s) en question...
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  8. #8
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2004
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2004
    Messages : 57
    Par défaut
    Voila c'est online, l'adresse de la page maudite est :

    http://www.balthy.com/test.html

  9. #9
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Salut,

    Sous FF3, l'image apparait, mais on dirait qu'elle n'est pas en entier.
    Es-tu sûr que width:200px suffise ?
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  10. #10
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2004
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2004
    Messages : 57
    Par défaut
    Ah oui desole j'ai pris n'importe quelle image en mettant n'importe quelle taille. Je suis juste interessé par le fait que le browser affiche une image ou affiche rien du tout.

  11. #11
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Rien à dire, le code fonctionne très bien en local, j'ai bien l'image qui s'affiche.

    Une chose peut-être utile à savoir : tu utilises de l'URL Rewriting ?

  12. #12
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Je viens de tester ton image maudite, elle s'affiche correctement de partout (FF3, IE7, IE6 (IETester), Opéra, Chrome, Safari, aucun problème).
    N'aurais-tu pas un problème de cache ? (ctrl+f5 ?)
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  13. #13
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2004
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2004
    Messages : 57
    Par défaut
    Cache: j'ai fait CTRL + F5 mais en vain. De toute facon ca fait ca aussi sous Chrome pas juste FF.

    URL Rewriting: Apache est configure par defaut chez moi, j'utilise Wampserver.

  14. #14
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2004
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2004
    Messages : 57
    Par défaut
    J'ai installe Xampp et le pb a disparu, je saurai jamais pourquoi ca faisait ca..

  15. #15
    Invité de passage
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    1
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 1
    Par défaut
    c'etait probablement un de ces beug qu'on ne trouve jamais et qui disparaissent comme par magie...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Ordonner un tableau (ok sous FF, rien sous ie)
    Par nauax dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 25/06/2009, 14h09
  2. Image en background ne se répète pas sous IE
    Par le-baron dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 19/03/2008, 15h57
  3. [CSS] Espace résiduel entre une image et le bord du div sous IE
    Par Celeri dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 28/07/2006, 21h10
  4. Réponses: 13
    Dernier message: 23/06/2006, 12h12
  5. [HTML]Image qui ne s'affiche pas sous firefox...
    Par OrangeBud dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 13/10/2004, 13h42

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo