Scrollbar dans une div à hauteur variable
Bonjour bonjour,
J'ai une div de hauteur maximale (100%)
Dans cette div je voudrais placer une liste avec un header fixe et un contenu qui scroll si celui-ci dépasse la hauteur de la div.
Voici le CSS:
Code:
1
2
3
4
5
|
html, body { height: 100%; width: 100%; padding: 0; margin: 0; overflow:hidden;}
#contentContainer{
width: auto ; height:100%; overflow: auto ;
} |
Et le HTML:
Code:
1
2
3
4
5
6
7
|
<div>
<div id="listHeader">le header de la liste</div>
<div id="contentContainer">
Le contenu variable de la liste.
</div>
</div> |
Le problème est que si l'on réduit la fenêtre du navigateur, le scroll n'apparait que bien longtemps après que les lignes les plus basses aient été cachées.
Si je "joue" avec la hauteur (90%/95%...) cela règle en partie le problème mais cela ne m'apparait pas comme ne solution adéquate.
Sur les forums je ne trouvent que des réponses pour des hauteurs fixes :(
Quelqu'un aurait-il abordé ce problème?
