Table-layout: fixed bug colspan ?

Bonjour la communauté !

J'utilise très souvent le "table-layout: fixed" mais à ma grande surprise, je viens de m'apercevoir d'un "gros bug"

En effet j'ai une structure HTML simple :

<table>
<tr>
<td colspan="2">cellule 1</td>
</tr>
<tr>
<td class="thirty">cellule 2</td>
<td class="seventy">cellule 3</td>
</tr>
</table>

Et mon CSS :

table { width: 100%; table-layout: fixed; }
.thirty { width: 30%; }
.seventy { width: 70%; }

Et donc mon gros soucis : les pourcentage 30%/70% ne sont pas appliqués sur ma 2ème ligne, ce qui est très fâcheux

Y a t'il une solution envisageable tout en gardant les avantages du "table-layout: fixed" ? A savoir une bonne répartition des cellules si jamais il n'y a pas de valeurs indiquées.

Merci d'avance !
Jonathan
Modifié par psykhe (01 Feb 2013 - 10:33)

MDN a écrit :
La largeur du tableau et des colonnes est fixé par la largeur des éléments table et col ou par la largeur de la première ligne de cellules. Les cellules dans les lignes suivantes n'ont pas d'effet sur la largeur des colonnes.

Soit première ligne "invisible", soit tableau imbriqué ?

tm

Merci pour ta réponse, je comprend mieux
Malheureusement je ne peux pas toucher au code source...

Un peu déçu des tableaux... snif
Modifié par psykhe (01 Feb 2013 - 14:09)

As-tu quand même essayé avec "table-layout: auto" ?
Les résultats ne sont pas si mauvais dans bon nombre de cas...

tm

Malheureusement avec le "table-layout: auto;" je ne peux plus répartir automatiquement mes cellules de tableaux, et je ne peux plus non plus gérer mes débordements (images trop grande, etc.)

as tu plutôt essayé d'appliquer

td {table-layout:fixed;}

justement a l’élément que tu ne veut pas forcement voir s'adapter à son contenu ?

:) ++

Hello sur le <td> ça ne marche pas, ça ne s'applique qu'à la balise <table>