[Résolu] [HTML/CSS] Fixer la largeur d'une colonne de tableau

Bonjour à tous,

je me casse la tête depuis un bon moment sur un tableau dont je n'arrive à fixer la largeur des colonnes.

J'ai essayé avec <th width="xxpx">, <th style="width:xxpx;"> sans succès.

Après quelques tests, je me rends compte que si je fixe la largeur dans la balise <table> avec l'attribut width cela est compris par les navigateurs (j'ai testé avec Chrome, Opera, Firefox), mais ils ne respectent toujours pas ma largeur de colonne (il la déduit automatiquement de la largeur du tableau, et selon le contenu).

Je vous laisse ici le code du tableau (avec un bout de PHP dedans, mais le code HTML est clair je pense)

<table>
    <tr>
        <th width="30px"></th>
        <th width="30px"></th>
    <?php
        foreach($criteres as $critere){
            switch($critere['type_critere']){
                case 'texte':
                    $width = 150;
                    break;
                default:
                    $width = 5000;
                    break;
            }
   ?>         
        <th width="<?php echo $width; ?>px">
            <?php echo $critere['nom_critere']; ?><br/>
            <a href="crit-edit-<?php echo $critere['id']; ?>.html">[m]</a>
            <a href="crit-del-<?php echo $critere['id']; ?>.html">[s]</a>
        </th>
    <?php
        } //endforeach
    ?>
    </tr>
    <?php
        foreach($fournisseurs as $fournisseur){
    ?>        
    <tr>
        <td>
            <input type="checkbox" name="suppr[]" value="<?php echo $fournisseur['id']; ?>" />
        </td>
        <td>
            <a href="fourn-edit-<?php echo $fournisseur['id']; ?>.html">[m]</a><a href="fourn-del-<?php echo $fournisseur['id']; ?>.html">[s]</a>
        </td>
        <?php
            
            foreach($criteres as $colonne){
        ?>        
        <td>
            <?php echo $fournisseur[$colonne['nom_db_critere']]; ?>
        </td>
        <?php            
            } //endforeachCrit
        ?>        
   </tr>
   <?php
        } //endforeachFourn
    ?>
</table>

Je vous remercie par avance de jeter un oeil à mon problème et de m'en expliquer la raison,

Scaff
Modifié par scaff (17 Sep 2011 - 19:02)

Salut,

Faut passer par le CSS:

th {

width:100px;
}

par exemple, tu peux passer par max-width aussi

regarde ici
regarde cet article aussi
Modifié par jmlapam (17 Sep 2011 - 18:53)

parfait, merci beaucoup !