table dans table, problème taille IE

Version imprimable

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" :yaisse2:

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:

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

29/09/2008, 11h51
HiRoN

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...

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) :roll:

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. :evilred:

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... :aie:
Si sa peut aider quelqu'un, je mets un exemple ci-dessous... :yaisse2:
Code:

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">  <table border="0" cellpadding="0" cellspacing="0" width="100% "height="100%"> <tr> <td> ... </td> </tr> </table>  </td> </tr> </table> </body>