Poblème div scrollable avec css overflow sous Firefox

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
MrT

Poblème div scrollable avec css overflow sous Firefox

Message par MrT »

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.
MrT

Message par MrT »

Pour info je suis firefox 1.0.4
maxxfly
Salamandre
Messages : 30
Inscription : 17 févr. 2004, 14:32

Message par maxxfly »

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)
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

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 :wink:
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités