CSS Affichage de Background sous IE
Bonjour,
Je suis nouveau sur le forum, mais je m'y rend régulièrement pour trouver les réponses aux questions que je me pose en webmastering....
Voilà mon problème...
J'ai fait un site web pour un ami avec Dotclear... J'ai donc créé un thème qui fonctionne parfaitement sous Firefox, mais dès que je suis sous IE, mon bandeau (apellé comme background en CSS) ne s'affiche pas....
Je vous donnce mon code...
#top {
width: 950px;
height: 200px;
background: url(img/top.jpg);
}
#top h1 { font-size: 0em; padding-top:60px; margin-left: 50px;letter-spacing: 3px; }
#top a:link, #top a:visited, #top a:hover { color: #52248c; text-decoration: none; }
Si une âme secourable voulait me sortir de ce pétrain....
Merci d'avance..
Je suis nouveau sur le forum, mais je m'y rend régulièrement pour trouver les réponses aux questions que je me pose en webmastering....
Voilà mon problème...
J'ai fait un site web pour un ami avec Dotclear... J'ai donc créé un thème qui fonctionne parfaitement sous Firefox, mais dès que je suis sous IE, mon bandeau (apellé comme background en CSS) ne s'affiche pas....
Je vous donnce mon code...
#top {
width: 950px;
height: 200px;
background: url(img/top.jpg);
}
#top h1 { font-size: 0em; padding-top:60px; margin-left: 50px;letter-spacing: 3px; }
#top a:link, #top a:visited, #top a:hover { color: #52248c; text-decoration: none; }
Si une âme secourable voulait me sortir de ce pétrain....
Merci d'avance..
Configuration: Windows XP Firefox 3.0.3
5 réponses
-
Ah, les differences entre les navigateurs...
c'est un vrai casse tête!
tu peux utiliser une feuille de style differente en fonction des navigateurs. Pour cela tu utilise:
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<!--[if IE]>
<link rel="stylesheet" media="screen" type="text/css" href="design2.css" />
<![endif]-->
ainsi tu pourra traiter le CSS de maniere differente en fonction du navigateur -
Oui mais le problème là c'est que j'ai d'autres Background, traités de la même manière... pr exemple:
#bas {
width: 225px;
height: 225px;
float: right;
background: url(img/bas.jpg);
padding: 5px
color: #FFFFFF;
}
qui s'affichent parfaitement sous les deux navigateurs... Et la bannière s'affiche parfaitement sous tous les navigateurs sauf cette connerie d'internet explorer!!! Quelle merde ce truc... -
Oui c'est vrai, IE ce n'est pas le top. Mais c'est le plus utilisé c'est pour cela qu'il ne faut pas se démotiver. On va trouver ;)
Pourrai tu me montrer le code HTML où tu insere ta div top? -
Je te remercie... Voilà mon code html
<div id="top">
<div id="navig">
<ul id="nav">
<li><a href="http://www.pascal-menage.fr/"><font color="#52248c">Blog</font></a></li>
<li<?php if ($pageCourante=="album")
echo " class="courante""; ?>><a href="http://www.pascal-menage.fr/index.php?pages/Album"><font color="#52248c">Album</font></a></li>
<li><a href="http://www.pascal-menage.fr/index.php?pages/Videos"><font color="#52248c">TV</font></a></li>
<li><a href="http://www.pascal-menage.fr/index.php?pages/Presentation"><font color="#52248c">Présentation</font></a></li>
<li><a href="http://www.pascal-menage.fr/index.php?pages/Campagnes"><font color="#52248c">Campagnes</font></a></li>
<li><a href="http://www.pascal-menage.fr/index.php?pages/A-propos"><font color="#52248c">A propos</font></a></li>
</ul>
</div>
</div> -
En fait, le problème venait de mon image, je l'ai copié dans un nouveau document sous gimp, réenregistrée et réuploadé sur mon serveur et miracle...
Merci à tous...
