IE refuse d'afficher une image avec background-image

09 mars 2006, 14:02

Salut,
Je suis en train de préparer le site www.mqev.ch.
J'ai décidé de faire toute la mise en page par css dans un fichier externe externe.
L'affiche du logo sur la page d'accueil et toutes les autres pages et fait de la façon suivante:

Code : Tout sélectionner

div#logo {
    width: 900px;
    height: 110px;
    background: no-repeat white;
    background-image: url(../img/logos/logo.png);
    background-position: 80% 50%;
    margin: 0 0 20px 0;    
    }

Le logo s'affiche sur toutes les pages (y compris accueil) avec konqueror, firefox et opera, le logo ne s'affiche que sur la page d'accueil avec notre bon vieux pote internet explorer.
Qq à une idée?
merci,
jr

11 mars 2006, 11:33

Salut,

Et si tu écris ton CSS comme ça:

Code : Tout sélectionner

div#logo {
    width: 900px;
    height: 110px;
    background: no-repeat;
    background-image: url(../img/logos/logo.png);
    background-position: 80% 50%;
    margin: 0 0 20px 0;   
    }

En enlevant simplement le white dans la ligne background.

Est-ce que ça marche ?

Sinon, modifie ton image, au lieu d'un *.png, prends un *.gif ou *.jpg.

12 mars 2006, 20:39

Salut,
merci pour ta reponse.
Suprimer le white etait une bonne idee (deje teste) qui ne marche pas. Truc hyper bizard: quand je supprime la fonction no-repeat, l image s affiche sur toutes les pages en multiple. Qd je remets no-repeat, il s affiche que sur la premiere page...
Une idee?

13 mars 2006, 00:25

As-tu essayé ça:

modifie ton image, au lieu d'un *.png, prends un *.gif ou *.jpg.

IE refuse d'afficher une image avec background-image

Qui est en ligne