positionnement CSS [résolu]

positionnement CSS [résolu] - HTML/CSS - Programmation

Marsh Posté le 22-08-2008 à 08:46:55    

Bonjour à tous et à toutes,
 
sur l'une de mes pages j'ai trois zones (z1,z2,z3) superposées verticalement. z1 est tout en haut, z3 tout en bas de la page, comme sur ce schéma :
 
  *===================*
  *                z1                            *         z1 a une hauteur fixe : 64 pixels
  *===================*  
  *                                                *
  *                 z2                           *         z2 aura une hauteur variable
  *                                                *
  *                                                *
  *                                                *
  *===================*  
  *                z3                            *         z3 a une hauteur fixe : 64 pixels
  *===================*
 
Je n'arrive pas à définir avec les CSS les attributs de z2 qui doit remplir l'espace laissé entre z1 et z3. Ce sont bien sûr les attributs verticaux de z2 qu'il me faut trouver. Comment feriez-vous ?
 
Merci d'avance !


Message édité par suizokukan le 22-08-2008 à 09:29:23

---------------
rule #1 : trust the python
Reply

Marsh Posté le 22-08-2008 à 08:46:55   

Reply

Marsh Posté le 22-08-2008 à 08:51:19    

Moi je ferais pas :D Je laisserais z2 à sa taille normalle, avec le reste qui scrolle normalement

Reply

Marsh Posté le 22-08-2008 à 08:55:38    

> FlorentG : merci de m'avoir répondu si vite. Excuse mon ignorance mais qu'appelles-tu "scroller", pour des éléments positionnés en CSS ? Pourrais-tu me donner un exemple ?
 
Merci encore !


---------------
rule #1 : trust the python
Reply

Marsh Posté le 22-08-2008 à 08:57:44    

J'veux dire est-ce important que z1 et z3 restent à l'écran tout le temps (qu'il n'y ait que z2 qui bouge/défile) ?

Reply

Marsh Posté le 22-08-2008 à 09:00:56    

> FLorent G : oui, il faut que z1 et z2 restent à l'écran.  Est-ce que ce que je veux faire est difficile ?


---------------
rule #1 : trust the python
Reply

Marsh Posté le 22-08-2008 à 09:02:52    

C'est faisable, juste un peu relou :D Genre : http://www.cssplay.co.uk/layouts/basics2.html

Reply

Marsh Posté le 22-08-2008 à 09:08:08    

> FlorentG : un grand merci pour le lien ! Ca a l'air d'être exactement ce dont j'avais besoin.


---------------
rule #1 : trust the python
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed