CSS Affichage de Background sous IE

Fermé
beny-007 Messages postés 4 Date d'inscription samedi 8 novembre 2008 Statut Membre Dernière intervention 9 novembre 2008 - 8 nov. 2008 à 19:01
beny-007 Messages postés 4 Date d'inscription samedi 8 novembre 2008 Statut Membre Dernière intervention 9 novembre 2008 - 9 nov. 2008 à 22:52
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..

5 réponses

InAme19 Messages postés 539 Date d'inscription samedi 13 septembre 2008 Statut Membre Dernière intervention 29 novembre 2012 62
8 nov. 2008 à 19:05
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
1
beny-007 Messages postés 4 Date d'inscription samedi 8 novembre 2008 Statut Membre Dernière intervention 9 novembre 2008
8 nov. 2008 à 19:09
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...
0
InAme19 Messages postés 539 Date d'inscription samedi 13 septembre 2008 Statut Membre Dernière intervention 29 novembre 2012 62
8 nov. 2008 à 19:14
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?
0
beny-007 Messages postés 4 Date d'inscription samedi 8 novembre 2008 Statut Membre Dernière intervention 9 novembre 2008
8 nov. 2008 à 19:16
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>
0
Pour l'image, essaie en mettant la taille dans le code html pour voir (firefox annonce 950x200 et IE annonce 28x30px, y a un souci...)

En plus le texte est carrément illisible sous IE

Si tu appelles l'image en direct sous IE, y a une croix rouge...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
beny-007 Messages postés 4 Date d'inscription samedi 8 novembre 2008 Statut Membre Dernière intervention 9 novembre 2008
9 nov. 2008 à 22:52
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...
0