table dans table, problème taille IE

sd · 29/09/2008, 09h39

Bonjour à toute et à tous,

Cela fais maintenant quelques temps que je boss sur un design pour mon futur site. Maintenant que la partie graphique est finie, je me suis lancé dans la conception dite "codage"

Cependant je bloque sur un petit problème, le voici:

J'ai choisi de partir avec des tables pour la simple raison qu'a l'époque j'ai eu pas mal de soucis avec des div...

Donc j'ai un tableau qui a comme parent un autre tableau (ce dernier n'a pas de parent si se n'es le body)

Voici grossièrement le code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<body>
  <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100">
    <tr>
    <td width="300px" height="500px">

<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
  <tr>
    <td>
      ...
    </td>
  </tr>
</table>

      </td>
    </tr>
  </table>
</body>

Le problème concret et que mon 2ème tableau n'applique pas 100% de largeur et de hauteur...

J'espère avoir été clair, merci pour tous vos soutiens...

sd

**HiRoN** · 29/09/2008, 11h51

Salut,

Sous quel navigateur fais-tu tes tests ?

Ton 2ème tableau est sensé prendre 100% du width="300px" height="500px" du td du 1er tableau ?

Je dirai que tu as déjà un problème de syntaxe sur le premier tableau (sauf erreur de ma part). Tu défini le tableau en width 100% (ce qui correspond donc à la largeur totale de la page) pour ensuite lui mettre un seul td de largeur 300px...

sd · 29/09/2008, 18h27

Merci HiRoN pour ta réponse.

Effectivement j'ai oublié de noter le principale (sauf dans le titre) ... C'est à dire que sa ne marche pas uniquement sur IE...

Oui effectivement mon 2ème tableau "devrait" prendre le 100% de largeur et hauteur du parent (à savoir 300x500)

Au final, avec un peux de tripotage avec les commentaires conditionnels, j'ai réussi a avoir ma largeur désirée, mais la hauteur persiste.

Donc pour finir je suis parti avec un(e) div d'une hauteur de 100% en commentaire conditionnel dans ma première table qui contient mon tableau enfant...

Si sa peut aider quelqu'un, je mets un exemple ci-dessous...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<body>
  <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100">
    <tr>
      <td width="300px" height="500px">
        <!--[if IE]>
          <div height="100%">
        <![endif]-->
        <table border="0" cellpadding="0" cellspacing="0" width="100% "height="100%">
          <tr>
            <td>
            ...
            </td>
          </tr>
        </table>
        <!--[if IE]>
          </div>
        <![endif]-->
      </td>
    </tr>
  </table>
</body>

table dans table, problème taille IE

HTML

Vue hybride

Discussions similaires

Partager

Partager