28220 sujets

CSS et mise en forme, CSS3

DIV Scrollable (verticalement et horizontalement)

Bon ben voila, 2eme post, 1er problème et je vais passer pour une buse je le sent bien Smiley cligne

C'est simple je partage une page en 4 avec des DIV:

CSS:

#EnTeteGauche {
  POSITION: absolute;
  LEFT: 0px;
  HEIGHT: 140px;
  WIDTH: 200px;
  BACKGROUND-COLOR: #F00
}
  
#EnTeteCentre {
  MARGIN-LEFT: 200px;
  HEIGHT: 140px;	
  BACKGROUND-COLOR: #0F0
}
  
#CorpGauche {
  POSITION: absolute;
  LEFT: 0px;
  WIDTH: 150px;
  BACKGROUND-COLOR: #00F
}
  
#CorpCentre {
  MARGIN-LEFT: 150px;
  BACKGROUND-COLOR: #FFF
}


HTML:

<BODY>
      <DIV id=EnTeteGauche>
        LOGO
      </DIV>
      
      <DIV id=EnTeteCentre>
        ---Menu---
      </DIV>
      
      <DIV id=CorpGauche>
        Sous-Menu<br>
        Sous-Menu<br>
        Sous-Menu<br>
        ...
      </DIV>
      
      <DIV id=CorpCentre>
        Blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla<br>
        blablablablablabla<br>
        blablablablablabla<br>
        blablablablablabla<br>
      </DIV>
      
  </BODY>


Ce que je voudrais c'est que CorpCentre occupe tous l'espace restant (ce qu'il fait déjà) et qu'il soit scrollable verticalement et horizontalement en cas de débordement, j'avais réussit à bricoler un truc avec OVERFLOW et en fixant la hauteur mais je trouvais pas ca terrible et surtout ca marchait que pour le scroll vertical.
Merci.
Salut,

Bon, sans définir la largeur, IE ne vas pas vouloir. Donc, si tu n'as pas le choix (?!) j'ai un tuyau pour IE mais pas super-clean because spécifique et javascript obligatoire :

dans ton #CorpCentre, ajoute :

width:expression(document.body.clientWidth-150);


Smiley cligne

edit : j'allais oublier...et ajoute ton overflow:auto; ou overflow:scroll;
Modifié par Nilpohc (24 Jun 2005 - 22:17)
Super ça marche !!!

J'ai donc rajouté ça dans #CorpCentre comme tu l'as dit:

WIDTH: expression(document.body.clientWidth-150);
HEIGHT: expression(document.body.clientHeight-140);


Bon, c'est vrai que du javascript au milieu d'une CSS c'est pas trés joli mais ça marche sous IE6 et Firefox 1.0.3.
Par contre sous IE j'ai 2 barres de défilement vertical ça fait moche -_-
Personne sait comment en virer une ?
Modifié par Ryoo (27 Jun 2005 - 09:41)
Sujet clos
Aller à