Discussion :

[caballero]

Bonjour,

voila mon soucis, je veux fixer la largeur de ma cellule !
Bon je sais que ça se fait avec quelque chose comme <td width=xx>
Mais pas directement dans le cas présent, d'ailleurs la FAQ le précise bien :

La cellule d'un tableau s'adapte toujours à son contenu, les dimensions qui lui sont données sont en quelque sorte les dimensions minimums. Si le contenu ne tient pas dans la cellule, alors elle s'agrandit en fonction de celui-ci.

Mieux que de décrire ce que j'ai fait et ce que je souhaite, le code (simplifié au max):

Code :

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

1
2
3
4
5
6
7
8
9
10
<table border="1" cellpadding="5" text-align="right">
          <tr>
            <td colspan=3>on place une phrase assez longue ici pour que ca soit elle qui definisse la largeur totale du tableau</td>
          </tr>
          <tr>
            <td>ggg</td>
            <td width=10>aaa</td>
            <td width=10>eee</td>
          </tr>
        </table>

Sous ie6, les 3 colonnes (gg,aaa,eee) sont de même largeur. Sous Firefox3, les 3 colonnes ont des largeurs comme définies.

Je souhaiterai avoir le même comportement dans IE6 que celui obtenu avec firefox...

Cela est il possible ? et comment le faire ?

[GihefBey]

Bonjour,

Un tel code dans la partie CSS des forums…
Hum, tu cherches les remarques désobligeantes ?

text-align="right" non.
width=10 non.
D'ailleurs, ça devrait être width="10"

Alors, essaye de placer le contenu des cellules concernées dans un bloc auquel tu appliqueras les dimensions.

Par exemple

Code html :

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

1
2
3
4
5
6
7
8
 
<td>ggg</td>
<td>
  <div class="large10">aaa</div>
</td>
<td>
  <div class="large10">eee</div>
</td>

avec

Code css :

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

1
2
3
4
 
.large10 {
  width : 10px;
  }

Note que 10px, ne serait-ce que pour afficher 3 caractères, ça fait peut-être un peu court (-;

-

[caballero]

Ben le code que j'ai mis c'est un code à titre d'exemple. (j'avoue que le coup du text-align était abusé)

le width sans mettre de guillemet fonctionne. De ce que j'ai cru comprendre ça fonctionne sans guillemet tant que l'information à placer derrière le mot clé ne contient pas d'espaces...

Bon sinon j'ai essayé d'utiliser un div (ainsi qu'un span) sans résultat....

Cependant merci d'avoir donner une réponse à mon soucis

(et si une autre idée surgit pour forcer ie6 à réduire la largeur des colonnes