Discussion :

[Sergejack]

Hello

il y a une chose que je n'arrive pas à faire (du moins qui fonctionne et sous IE et sous FireFox), c'est un tableau d'une largeur de 100% avec des celulles dont la largeur se limite au contenu.

Je ne désire pas l'impossible (genre un tableau de 3 cellulles, chacune fesant 10% de l'espace... 3 * 10% c'est pas 100% on est d'accord).

Donc je souhaite que toutes mes celulles soient d'espace minimal sauf, si besoin, la dernière qui prendrait le reste de l'espace.

Comment faire ?

[Bisûnûrs]

On peut jouer sur les caractéristiques d'un tableau, comme par exemple le fait que les cellules s'adaptent en fonction de leur contenu. En réfléchissant à ça, on peut dire aux deux premières cellules de ne faire que 1% de largeur, et ne pas en mettre sur la troisième, qui prendra alors le reste de la largeur du tableau :

Code :

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

1
2
3
4
5
6
7
<table border="1" width="100%">
  <tr>
    <td width="1%">Du texte</td>
    <td width="1%">Encore du texte</td>
    <td>Toujours du texte</td>
  </tr>
</table>

[Sergejack]

Il me semble avoir rencontré par le passé des problèmes avec cette solution.
Ne me souvenant pas desquelles, je ne jure de rien ^^

Merci.

[Sergejack]

Il ne m'aura pas fallu longtemps pour refaire face au quack de la méthode.

Quand dans Internet Explorer j'ajoute dynamiquement un élément (un boutton avec un forma défini dans sa class CSS) dans le tableau, la largeur de la cellulle ne s'adapte pas à la largeur du boutton (celui-ci est donc tronqué dans l'espace (1%) disponible).

Quelqu'un aurait une autre façon de faire ?

[Bisûnûrs]

Après tout dépend de la manière que tu utilises pour ajouter ton bouton dynamiquement je pense.

[Sergejack]

J'aurais aimé utilisé createElement mais IE7 est un handicapé de l'input dynamique (bug connu et sans intentions de correction => IE8).

Du coup j'ai un div caché avec un boutton modèle que je clone.