Limiter la largeur de la table HTML

Je suis en train d'écrire une table, afin de ne pas l'étendre à la totalité de la largeur de la page. Ci-dessous est ce que j'ai à ce jour, mais même si les premières colonnes semblent respecter la "largeur" du paramètre, la dernière colonne se développe à la fin de la page.

Tous les résultats que j'ai trouvé l'utilisation de CSS, mais je ne suis pas sûr de la façon de le faire. Je ne sais pas si c'est pertinent, mais je suis en train d'écrire un Joomla! article.

<table class="zebra" width="300">
  <thead>
    <tr>
      <th style="text-align: left;" width="100">title 1</th>
      <th style="text-align: center;" width="100">title 2</th>
      <th style="text-align: center;" width="100">title 3</th></tr>
  </thead>
  <tbody>
    <tr class="odd">
      <td style="text-align: left;" width="100">content 1</td>
      <td style="text-align: center;" width="100">content 2</td>
     <td style="text-align: center;" width="100">content 3</td>
    </tr>
  </tbody>
</table>

Je ne vois pas l'expansion de jsfiddle.net/CVfje
Je ne suis pas expérimenté avec le HTML et le CSS, mais peut-être que j'ai hérité de quelque chose? C'est un Joomla! l'article. Il s'est étendu sur Firefox 15 pour Linux.

OriginalL'auteur iomartin | 2012-10-09

html html-table

21
```
<table class="zebra" style="max-width:300px;">
```
Super, merci beaucoup!
Pas de soucis. N'oubliez pas de marquer comme correcte si vous êtes heureux avec elle.
Si c'était la solution, il serait intéressant de savoir quel était le problème. Sur les principaux navigateurs (Chrome, Firefox, IE), le balisage dans la question n'est pas de démontrer que le problème décrit dans la prose.

OriginalL'auteur PhonicUK

Vous devez vous connecter pour publier un commentaire.