Discussion :

[chouf2]

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 :

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 ;
}

Et le HTML:

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>

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?

[Bisûnûrs]

Heu, ton code CSS ne correspond pas du tout à ton code HTML ...

Et puis pourquoi mettre un position:fixed s'il doit prendre 100% en hauteur ?

[Bisûnûrs]

Sois plus précis ... De quel div parles-tu ? De la scrollbar de quel élément parles-tu ? Aucun CSS lié au header ?

As-tu lu ce tutoriel :
http://j-willette.developpez.com/tut...osition-fixed/
?