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:
Et le HTML:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 html, body { height: 100%; width: 100%; padding: 0; margin: 0; overflow:hidden;} #contentContainer{ width: auto ; height:100%; overflow: auto ; }
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.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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>
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?
Partager