CSS Affichage de Background sous IE

beny-007 Messages postés 4 Date d'inscription   Statut Membre Dernière intervention   -  
beny-007 Messages postés 4 Date d'inscription   Statut Membre Dernière intervention   -
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..
A voir également:

5 réponses

InAme19 Messages postés 539 Date d'inscription   Statut Membre Dernière intervention   62
 
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   Statut Membre Dernière intervention  
 
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   Statut Membre Dernière intervention   62
 
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   Statut Membre Dernière intervention  
 
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
king
 
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   Statut Membre Dernière intervention  
 
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