block avec scrollbar ? RESOLU

Support en français pour CMS Made Simple.

Moderator: jce76350

Post Reply
ZIGRIB
Forum Members
Forum Members
Posts: 20
Joined: Wed Apr 23, 2008 3:31 pm

block avec scrollbar ? RESOLU

Post 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;

}
Last edited by ZIGRIB on Wed Apr 23, 2008 8:38 pm, edited 1 time in total.
Post Reply

Return to “French - Français”