Fixer les entetes d'un tableau

Bonjour, je sais que le sujet a déjà été traité plusieurs fois. Les personnes ayant posée cette question on réussi mais je ne suis pas sur que cela fonctionne sur sous les navigateurs.

Je souhaite fixer les entêtes de mes tableaux tout en étant liées. Un script J2EE génère mes pages. Le contenu des cellules des tableaux sont donc aléatoires. Je ne peux donc pas fixer leur largeurs. Ce qui veux dire je ne peux pas avoir deux tableaux un pour les titres et un pour les colonnes.

Voici ce que j'ai vu un peu partout :
html :

<table class="titles" border="0" width="100%">
                                    <thead>
                                        <tr>
                                            <th>N° bte</th>
                                            <th>Famille</th>
                                            <th>L.Archi.</th>
                                            <th>Libell&eacute; 2</th>
                                            <th>Libell&eacute; 3</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody class ="scrollableBox">

css :

tbody.scrollableBox {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 480px;
}

Cettez solution marche niquel sous firefox mais le reste, pas du tout. Et qu'on le veuille ou non, les gens utilisent surtout IE !!


Ce que j'ai déjà étudié :
http://forum.alsacreations.com/topic-4-22446-1-Resolu-Garder-les-entetes-de-tableau-avec-un-CSS-overflow.html

http://www.imaputz.com/cssStuff/bigFourVersion.html

http://www.cssplay.co.uk/menu/tablescroll.html

http://www.siteduzero.com/forum-83-501638-p1-tableau-scrollable-avec-entete-fixe.html

Il y a-t-il une parade ou non ?

Bonjour,

la solution de CSSPlay fonctionne même sur IE6 nan ?

Je regarde le code source de la page et c'est la même chose que ce que je fais, je ne comprends pas ce qu'il se passe !