[CSS] Mise en page avec OverFlow

**Oberown** · 28/02/2006, 16h21

Voici le shéma que je voudrais faire:

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.

**SpaceFrog** · 28/02/2006, 16h29

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**Oberown** · 28/02/2006, 16h49

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 ?

**SpaceFrog** · 28/02/2006, 17h18

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

[CSS] Mise en page avec OverFlow

CSS

Vue hybride

Discussions similaires

Partager

Partager