[CSS] Mise en page avec OverFlow

Version imprimable

28/02/2006, 15h21
Oberown

[CSS] Mise en page avec OverFlow

Voici le shéma que je voudrais faire:

http://progphp.free.fr/style.jpg

La hauteur de 1 est de 15%
La hauteur de 2 et 3 est de 85%

La largeur de 2 20% et de 3 80%

Et je voudrais mettre un ascenceur (overflow) sur 2 si c'est trop grand.

Or je n'y arrive pas. Si je met en taille fixe ca marche j'ai mon ascenceur qui apparait mais pas en taille en pourcentage.

Code:

1
2
3
4
5
<body>
<div style="width:100%;height:15%;background-color:blue;">&nbsp;</div>
<div style="width:20%;height:85%;background-color:red;overflow-y:auto;float:left;"><script type='text/javascript'>for(i=0;i<100;i++){document.write('ligne'+i+'\<\/br\>')}</script></div>
<div style="width:100%;height:85%;background-color:green;">&nbsp;</div>
</body>

28/02/2006, 15h49
Oberown

Merci beaucoup, c'est parfait.

Finallement j'ai besoin que la partie 1 a une hauteur fixe en pixel, et que le 2 et le 3 je veux le reste de l'écran comment faire ?
28/02/2006, 16h18
SpaceFrog

à ma connaissance en css uniquement ce n'est pas posible ...
il faudrait y associer un javascript pour calulcer la taille disponible restante ...

Fuseau horaire GMT +2. Il est actuellement 09h16.