Geckozone

Bonjour,

Je rencontre un problème de css avec la balise overflow.

Je cherche à faire une <table> qui contient une <div> portant une class css "ZoneScrollable".

Voici le code (simplifié) que j'utilise, et qui est fonctionnel sous ie :

<table>
<tr>
<td>Liste des documents</td>
</tr>
<tr height="100%">
<td>
<div class="ZoneScrollable">
<table>
<tr>
<td>1</td>
<td>genreDoc1</td>
<td>auteurDoc1</td>
<td><a href='url1' target=_blank>Visualiser</a></td>
</tr>
<tr>
<td>2</td>
<td>genreDoc2</td>
<td>auteurDoc2</td>
<td><a href='url2' target=_blank>Visualiser</a></td>
</tr>
<tr>
<td>3</td>
<td>genreDoc3</td>
<td>auteurDoc3</td>
<td><a href='url3' target=_blank>Visualiser</a></td>
</tr>
</table>
</div>
</td>
</tr>
</table>

La css utilisée pour la zone scrollable contient le code suivant :

DIV.ZoneScrollable{
overflow: auto;
overflow-y:auto;
overflow-x:visible;
width:100%;
height:100%;
}

Cela fonctionne très bien sous ie : lorsque je redimensionne ma page, un ascenseur vertical se positionne correctement, au besoin.

Sous Firefox, je n'obtiens pas le résultat escompté. Je sais que firefox ne gère pas l'overflow de la même manière, mais je coince un peu sur la manière d'y arriver.

Avez-vous une idée sur le problème, ou une proposition autre (ne pas utiliser de table par exemple...) ?

Merci.

Pour info je suis firefox 1.0.4

j'ai eu une merde bizzare aussi avec l'overflow

un div overflow dans un autre div
le div overflow: auto depassait l'autre div

trop space

sinon teste avec FF 1.0.5 alpha

il arrive que ce genre de merde soit corrigé

(rf a des problemes de DOM + div avec overflow... un p'tit projet perso... le div avec l'overflow badtrippait grave, sous ie nickel... et FF 1.0.5 a nickel)

En fait, overflow-x et overflow-y sont des propriétés CSS inventées par IE. Par chance elles font maintenant partie de la future (très lointaine) recommandation CSS3, et elles seront implémentées dans Firefox à partir de la version 1.1. Attention tout de même aux autres navigateurs, il faudra vérifier dans Opera et KHTML