[résolu] Taille d'un tableau avec IE7

Bonjour,

J'ai créé le tableau ci-dessous :

<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>

    <td width="182px" rowspan="3" class="headerBar">Mon texte 1</td>
    <td width="40px" rowspan="3" background="images/corner.gif">&nbsp;</td>
    <td class="headerBarContent" align="center" height="17px" bgcolor="#000099">Mon titre</td>
    <td width="45px" rowspan="3" background="images/corner2.gif">&nbsp;</td>

  </tr>
  <tr>
    <td class="menuline" valign="top" bgcolor="#A1C0F5" height="18px">Mon texte 2</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

Firefox respecte bien les tailles des cellules de 17 et 18 pixels de haut, mais pas IE7 (avec un contenu de cellule plus petit que la cellule elle-même).

Avez vous une idée du problème ?

Merci
Modifié par max-mag (29 Jul 2008 - 11:42)

C'est un truc un peu con, il faut mettre une taille au dernier td.
IE ne recalcule pas.

Du padding par défaut sur les cellules, peut-être?
Ou bien le fait que height="17px" est une notation invalide en HTML, et que tu ne devrais même pas utiliser l'attribut HTML height mais plutôt passer par des styles CSS pour styler ton tableau.

Tous tes attributs de mise en forme dans le code HTML du tableau peuvent être remplacés par des styles CSS. Et comme on est dans le salon CSS, tu comprendras que je te conseille vivement cette solution.
Modifié par Florent V. (29 Jul 2008 - 11:43)