pb de div sous IE, nickel sous FireFox et Opera

02 mars 2006, 17:23

http://vanwork.nuxit.net/goodgame/goodgame%20v3/

Sur cette page, j'aimerais savoir pourquoi sous IE, dans la banniere, j'ai une petite marge de 3 pixels (en bleu), mais pas sous FireFox ni Opera ?

le code en question :

Code : Tout sélectionner

<div class="div-banniere">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="47">
	<img src="photoshop/banniere.jpg" />
	</td>
  </tr>
  <tr>
    <td height="1" bgcolor="#D0D0D0"></td>
  </tr>
  <tr>
    <td height="20" bgcolor="#E8E6E7" style="padding-left:10px;">Bienvenue, VaN - 0 messages non-lus - 2 amis connectés.</td>
  </tr>
</table>
</div>

et le CSS :

Code : Tout sélectionner

.div-banniere{
position:absolute;
top:10px;
left:10px;
width:557px;
height:68px;
border:1px solid #D0D0D0;
background-color:#00CCFF;
}

l'image photoshop/banniere.jpg fait bien 47 pixels de haut.

EDIT : je viens de trouver à l'instant. j'ai jamais vu un bug aussi bizarre :

alors que

Code : Tout sélectionner

<td height="47">
<img src="photoshop/banniere.jpg" />
</td>

fait apparaitre la marge de 3 pixels,

Code : Tout sélectionner

<td height="47"><img src="photoshop/banniere.jpg" /></td>

ne l'affiche pas. Comment est ce possible ??

02 mars 2006, 17:29

Si cela arrive très souvent quand tu utilises des wysiwyg qui mettent des espaces à la volée ce qui perturbent la mise en page.

02 mars 2006, 17:55

Sous-entendu : codez au bloc-notes

pb de div sous IE, nickel sous FireFox et Opera

Qui est en ligne