Problème avec un header

Bonjour,

J'ai un problème avec mon header

Le header est amovible et ça fonctionne bien ! le problème vient que j'ai une différence entre ie et firefox !

Sur ie ça fonctionne bien tandis que sur firefox j'ai une ligne bleu et rouge en dessous du header !

Voici le code html du header :

<div id="divjoueur"><img src="styles/prosilver/theme/images/visu.png" width="105" height="172" class="png"></div>

<table width="100%" height="177" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td background="styles/prosilver/theme/images/header1.jpg" width="988" height="177"></td>
	    <td background="styles/prosilver/theme/images/fon_03.jpg" align="right"><img src="styles/prosilver/theme/images/forumhead_03.jpg" width="28" height="177" alt=""></td>
	</tr>
</table>

et le code css :

#divjoueur {
   z-index: 1;
   position: absolute;
   width: 105px;
   height: 172;
   right: 25px;
   border: 0px;
   margin: 0;
   padding:0;
   
}

img.png {

behavior: url(images/png.htc);

}

J'ai beau regarder ça ne fonctionne pas sur firefox
Modifié par doudi (20 Oct 2008 - 17:12)

Pour conserver une bonne lisibilité des messages sur le forum, il est demandé d'utiliser les balises code pour présenter le code source des exemples.
Pourrais-tu éditer ton message pour te conformer à cette règle de mise en forme ?
Merci d'avance.

je pensais l'avoir fait

doudi a écrit :
J'ai beau regarder ça ne fonctionne pas sur firefox

Quant à nous, on a beau regarder ton code on ne voit pas la page, les images de fond, etc.
Donc: une page en ligne, peut-être?

Salut doudi,

Peut être parce que behavior est un subsitut de la pseudo class :hover pour compenser la lacune d'IE.

Si tu es en XHTML, tu peux déjà oublié l'attribut hauteur de ton tableau et encore plus ta propriété behavior qui est très probablement la cause de ton soucis car il faut voir le code de ton fichier .htc.

Bref tu joues avec le feu Mc Gyver

@+

hi doudi,
Avant tout, pourrais tu nous mettre l'URL de ton site afin que l'on puisse le voir en direct...

Sinon, pour ma part, je n'aurais pas utiliser de tableau dans ta div "#divjoueur"
et plutot que de faire 2 images de background dans des <td>, j'aurais plutôt fait un montage dans photoshop pour ne faire qu'une seul image background dans ta div "#divjoueur".

/*dans ta css*/
#divjoueur {
   z-index: 1;
   position: absolute;
   display:block;
   width: 105px;
   height: 172;
   background:url("url de ton image") no-repeat 0 0;
   right: 25px;
   border: 0px;
   margin: 0;
   padding:0;
}

comme ca tu es sur que ca marche...
Pourquoi faire compliqué quand on peut faire simple

l'url c'est www.smcaen.com

Bonjour,

La bordure bleue et rouge en question, c'est ton image de fond qui se répète en hauteur. Dit autrement: ton bloc qui doit prendre 177px de haut prend en réalité plus de place que ça. Voir dans la FAQ du forum: espaces indésirables sous les images.

Bonne continuation.

merci ça m'aide beaucoup