Page 1 of 1

block avec scrollbar ? RESOLU

Posted: Wed Apr 23, 2008 4:43 pm
by ZIGRIB
Bonjour,
utilisateur de cmsms depuis peu, je recherche sans trouver une solution pour créer un site avec :

- une colonne gauche et un bandeau haut  qui ne bougent pas
- un cadre dans lequel défile le texte du site en question.

Ce que j'ai réalisé avec cmsms:

un pagewrapper (avec scrollbar) de dimention fixe avec une image de fond qui du coup ne bouge jamais
ci dessous l'extrait de la feuille de style pour le pagewrapper

/* center wrapper, min max width */
div#pagewrapper {
  text-align: center;
  border: 10px solid;
  border-color: #ffffff;
  margin: 40;    /* this centers wrapper */
  max-width: 1000px; /* IE wont understand these, so we will use javascript magick */
  max-height: 590px;
  min-width: 100px;
  min-height: 590px;
  background: #ffd421 url(uploads/images/fond/fond2.jpg) no-repeat 0 0px;
  color: #ffffff;
  overflow: auto;
}

mais le problème est que lorsque je fait défiler le texte à l'aide d'une scrollbar, celui ci passe sur le haut de l'image.
Ce que je ne souhaite pas.
J'ai alors essayé de mettre en place un header mais ce dernier défile avec le texte...normal puisque la scrollbar est liée au pagewrapper

Est il possible de mettre un cadre comportant une scrollbar et comment ?
merci d'avance de vos réponses.

Zigrib

J'ai trouvé !!! youpi
il suffit de définir dans la feuille de style la balise  div #main
ex :
div#main {
  margin-left: 29%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
  border: 10px solid black;
  margin-right: 2%; /* and some air on the right */
  max-width : valeur px;
  min-width: valeur px;
  max-height: valeur px;
  min-height: valeur px;
  overflow: auto;

}