Problème safari

Bonjour tout le monde,
J'ai un problème de mise en forme d'un tableau (nikel sous Firefox) sous Safari.

Code HTML

<table class="listing" cellspacing="0">
	<thead>
    	<tr>
            <th align="center" width="5%"><input type="checkbox" name="check_all" /></th>
            <th align="left" width="32%">Nom</th>
            mais autres colonnes
        </tr>
    </thead>
    <tfoot>
    	<tr>
            <th align="center" width="5%"><input type="checkbox" name="check_all" /></th>
            <th align="left" width="32%">Nom</th>
            mais autres colonnes
        </tr>
    </tfoot>
    <tbody>
   [BOUCLE]
        <tr>
            <th align="center"><input type="checkbox" name="check" /></th>
            <th align="left">Nom</th>
            mais autres colonnes
        </tr>
    [/BOUCLE]
    </tbody>
</table>

Voilà l'état d'origine sous Firefox :

Et l'état sous Safari :


La valeur du width="" n'a pas l'air d'être pris en compte ... bizar.
Ca fait pareil sur toutes les colonnes, mais du coup les suivantes sont toutes ratatinées à la fin de mon tableau.

J'ai essayé un width en pourcentage, en pixel ... rien n'y fait.

Une idée ?

Merci d'avance pour votre aide.
@+ tard.

Bonjour,

tente un

table {
table-layout: fixed;  /* respecter les largeurs indiquées */
}

quand le navigateur ne veut rien savoir.
Voir http://www.yoyodesign.org/doc/w3c/css2/tables.html#width-layout

EDIT: ah euh tu fixes juste des largeurs aux éléments dans le tableau ? Quelle est la largeur de <table> ?
Modifié par Felipe (15 Oct 2009 - 21:13)

Merci Felipe !
C'est nikel avec le table-layout

Pour info, mon table est avec width=1000px !

PS : juste au cas où : il y a-t-il un équivalent pour Safari et/ou IE pour "-moz-border-radius-bottomleft" ??

Encore merci.

TitBen a écrit :
PS : juste au cas où : il y a-t-il un équivalent pour Safari et/ou IE pour "-moz-border-radius-bottomleft" ??

Sous IE, il n'y a aucun équivalent ; en revanche, pour Safari et les navigateurs utilisant WebKit comme moteur de rendu, il y a l'extension -webkit-border-bottom-left-radius (source : CSS 3.info).