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.

[Bisûnûrs]

Je n'ai jamais eu de problème avec createElement. Mais je ne pense pas avoir usé de toutes les possibilités non plus, donc il se peut qu'il y ait effectivement un problème.
Je pense du coup que le souci est plus lié au Javascript qu'au HTML en lui-même.

[Sergejack]

width: 1% ne fait pas fort effet sous Safari 3.x.

[Poulpynette]

Si j'ai bien compris ton souci, j'aurais tendance à dire : laisse tes cellules faire leur job et mets un width="100%" sur la dernière.

Ainsi la largeur des autres cellules s'adaptera naturellement à leur contenu, et tu t'embêteras moins que de spécifier 1% pour chaque cellule.

Edit : ouf j'avais pas vu la date du message enfin si ça peut aider quand même ...