Mise en page avec 3 blocs [Fait]

**kartben** · 10/05/2006, 10h45

Bonjour,

Cela fait des semaines (sisi ! [biggol]) que je m'arrache la tête pour essayer d'obtenir une mise en page telle que ci-dessous.

J'espère que mes explications sont assez claires. Je tiens à préciser qu'en ultime recours, j'ai essayé de mettre les 3 DIVs dans une table ( [confused] ) mais cela me pose ensuite des problèmes lorsque je veux, par Javascript, changer la taille de mon applet pour la faire passer en plein écran puis revenir dans sa cellule de tableau (passage d'absolute en relative qui réinitialise mon applet, et c'est pas bien du tout dans mon cas).

Si quelqu'un a des pistes, mêmes très succintes, je suis très très preneur !

Merci d'avance [smile]
Benjamin.

**titoumimi** · 10/05/2006, 10h50

et hop, à ce stade là, ce n'est plus une piste mais une autoroute ...

http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/

**kartben** · 10/05/2006, 10h53

Un truc que je n'ai pas précisé (sinon je vois bien que je passe pour un gros noob (ce que je ne nie pas être toutefois!!)) : il faut absolument que (hauteur de 1 + hauteur de 3) fasse 100% (minimum, tant pis si 1+3 sont plus haut que la page, il doit y avoir l'ascenseur vertical) de la hauteur de la page (suis-je assez clair ?)

Merci....

**blueice** · 10/05/2006, 10h56

Pour avoir 100% en hauteur tu peux l'avoir de 100 façons différentes

80% / 20%
60% / 40%
90% / 10%

...
...

**kartben** · 10/05/2006, 11h07

Envoyé par blueice

Pour avoir 100% en hauteur tu peux l'avoir de 100 façons différentes

80% / 20%
60% / 40%
90% / 10%

...
...

Oui bien sûr (tsss!) mais je voudrais que Hauteur de 1 soit "minimale"..... Dès lors, je ne peux pas savoir quelle hauteur "complémentaire de 100%" donner à hauteur de 3, n'est-ce pas ?...

Ce que je veux faire (mais sans utiliser de table) c'est exactement ce que me permettrait ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<html>
<body>
<table style="height:100%;width:100%;" border="3">
  <tr>
    <td width="250px" height="100%" valign="top">
    ICI LE CONTENU DE 1
    </td>
    <td width="*" height="100%" valign="top">
    ICI LE CONTENU DE 2
    </td>
  </tr>
  <tr>
    <td colspan="2" height="0%" valign="bottom">
    ICI LE CONTENU DE 3
    </td>
  </tr>
</table>
</body>
</html>

Voir ici en live : http://mcabe.free.fr/css/exemple.html

Voilà, merci encore.... (mais je vous assure, je pense vraiment que mon problème n'est pas si simple qu'il n'y paraît !!)

**blueice** · 10/05/2006, 11h18

Pourtant ca n'a pas l'air bien compliqué.
Tes divs à 100% de hauteur et ensuite un footer par dessus en "absolute".

Non ?

Mise en page avec 3 blocs [Fait]

HTML

Vue hybride

Discussions similaires

Partager

Partager