Tutoriels vidéo art graphique gratuits

 
Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Pages: [1]   En bas

Auteur Sujet: Comment mettre le scroll externe au div?  (Lu 7672 fois)

briseur

  • Wisi Pilier de comptoir
  • **
  • Hors ligne Hors ligne
  • Messages: 58
    • Voir le profil
Comment mettre le scroll externe au div?
« le: juillet 04, 2008, 19:07:57 pm »

Bonjour je suis en en train de monter mon portfolio en html, mais j'avou c pas trop mon truc, et là c la galère grave, c pour celà que je fait appel à vous, je voudrai que mon écran reste fixe et que mon texte défile uniquement dans mon div "cv" avec la barre de navigation exploreur comme sur le site de zen garden sur cette exemple;

http://www.csszengarden.com/?cssfile=202/202.css

J'ai cru comprendre qu'il fallai que je mette des z-index, mais g beau essayer, rien à faire, j'espère franchement que vous pourrez m'aidez car je galère grave, merci d'avance.
je ne suis pas sur de m'expliquez correctement donc voici mon code html et css afin que l'on me comprenne mieu.

Code html:

<body>
  <div id="contenu">
    <div id="page">
      <div id="titregraf" ><img src="images/titre_03.png" alt="" /"></div>
      <div id="fancymenu" >
      <ul>
       <li class="current" id="menu_lien1"><a href="formation.html">En Formation</a></li>
        <li id="menu_lien2"><a href="agence.html">En Agence</a></li>
        <li id="menu_lien3"><a href="tp.html">Travaux personnel</a></li>
        <li id="menu_lien4"><a>CV</a></li>
        <li id="menu_lien5"><a href="contact.html">Contact</a></li>
       </ul>
      </div>
      <div id="espacehoriz">      </div>
      <div id="cv">
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
          gfjhgkhkhvb,gc,bc,nvbb,bn;,n;,:;,:fgngchedfxvcgvsdwgvdsvgbxc
</div>
    </div>
</div>
</body>


Le CSS:

body, html  {
   margin: 0px;
   padding: 0px;
   height: 100%;
   width: 100%;
   background-color: #000000;
}
#contenu {
   text-align: left;
   width: 1140px;
   height: 696px;
   background-image: url(images/fond.jpg);
   background-repeat: no-repeat;
   text-align:left;
   margin-top: 0;
   margin-right: auto;
   margin-bottom: 0;
   margin-left: auto;
   padding-top: 0px;
   padding-right: 0;
   padding-bottom: 0px;
   padding-left: 0;
}
#page {
   height: 600px;
   width: 560px;
   padding: 0px;
   margin-left: 280px;
   margin-top: 65px;
   margin-right: 0px;
   margin-bottom: 0px;
   float: left;
}
#titregraf {
   margin: 0px;
   padding: 0px;
   float: left;
   height: 89px;
   width: 559px;
}
#espacehoriz {
   margin: 0px;
   padding: 0px;
   float: left;
   height: 10px;
   width: 560px;
}
#cv {
   background-color: #FFFFFF;
   position:relative;
   width:560px;
   height:430%;
   float: left;

}


Merci d'avance pour votre aide, je sais plus quoi faire
IP archivée

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Comment mettre le scroll externe au div?
« Réponse #1 le: juillet 04, 2008, 20:35:10 pm »

Ta div #cv à une hauteur de 430%, et ça c'est pas possible, la hauteur maximale est de 100 %. Si elle devait s'adapter au contenu, il faudrait passer la propriété à "auto".

Là, il faut que tu fixes la hauteur de ta div "#CV" 400px (par exemple) et que tu y ajoutes la propriété "overflow: auto;"
De cette manière, si ta div contient un texte ne débordant pas, il n'y aura pas de scroll et si le texte déborde, le scroll se placera automatiquement.

Je te conseille aussi de nettoyer un peu tes CSS.

Exemple:

Tu as :
   padding-top: 0px;
   padding-right: 0;
   padding-bottom: 0px;
   padding-left: 0;


Remplace par : padding: 0;


Tu as :
   margin-left: 280px;
   margin-top: 65px;
   margin-right: 0px;
   margin-bottom: 0px;


Remplace par : margin: 65px 0 0 280px;

si tu as des margin différentes en l'indiquant comme ci-dessus, les valeur sont prises en compte comme suit : haut-droite-bas-gauche.
Si tu as des marges gauches droites égales ainsi que haut pas égales, La combinaison suivante est parfaite : margin: 10px 50px;  cela donnera des marges haut bas de 10 px et gauche droite de 50px.....


Tu as :

   background-image: url(images/fond.jpg);
   background-repeat: no-repeat;

Remplace par : background: url(images/fond.jpg) no-repeat;

Tu gagneras en poids de fichier et en simplicité de lecture.


EDIT, par contre je viens seulement de voir que dans ton exemple, la div est au centre de la page et scrolle avec la barre du navigateur, et là je ne vois pas.
« Modifié: juillet 04, 2008, 21:53:29 pm par edfred »
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Comment mettre le scroll externe au div?
« Réponse #2 le: juillet 04, 2008, 21:43:26 pm »

Je viens de jeter un œil à l'architecture de cette interface de zen-garden, et à ses CSS, il faut avouer que c'est assez inhabituel, ce design est digne d'un puzzle.
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

briseur

  • Wisi Pilier de comptoir
  • **
  • Hors ligne Hors ligne
  • Messages: 58
    • Voir le profil
Re : Comment mettre le scroll externe au div?
« Réponse #3 le: juillet 04, 2008, 21:52:40 pm »

oui en effet pour le 430% petite erreur de ma part, a fore d'essayer pleinde chose on fini par oublier d'en remettre certaine comme il fallai, en tout les cas merci pour ton aide qund même

Helpppppppppppppppppppp please
J'suis abattu, ça fait2 jours que je suis dessus, et rien a faire, jvoi  plus quoi essayer d'autre

Aidez moi s'il vous plait
merci d'avance
IP archivée

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Comment mettre le scroll externe au div?
« Réponse #4 le: juillet 04, 2008, 21:55:10 pm »

Attends j'essaye un truc....
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

briseur

  • Wisi Pilier de comptoir
  • **
  • Hors ligne Hors ligne
  • Messages: 58
    • Voir le profil
Re : Comment mettre le scroll externe au div?
« Réponse #5 le: juillet 04, 2008, 22:06:20 pm »

ok je patiente merci
IP archivée

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Comment mettre le scroll externe au div?
« Réponse #6 le: juillet 04, 2008, 23:01:38 pm »

Bon, tu as du bol, j'ai bidouiller mais j'ai fini par comprendre le schmilblick...

Enfin j'y suis arrivé... EXEMPLE

J'ai laissé des parties vides d'éléments afin de voir la superposition des div via les z-index.

Je t'envoie un ZIP avec les fichiers (HTML, CSS et l'image) afin que tu vois les codes.

Autre chose, avec quel navigateur surfe-tu ?

L'archive est téléchargeable ICI

Par contre faudra tester sur tous les navigateurs car j'ai trois affichages différents sur Firefox, IE7 et Opera... Faut dire que tout est mal placé afin de bien voir les éléments.
« Modifié: juillet 04, 2008, 23:51:59 pm par edfred »
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

briseur

  • Wisi Pilier de comptoir
  • **
  • Hors ligne Hors ligne
  • Messages: 58
    • Voir le profil
Re : Comment mettre le scroll externe au div?
« Réponse #7 le: juillet 05, 2008, 00:57:43 am »

franchement un grand grand merci d'avoir pris de ton temps pour mon problème, tu me sauve la vie lol
Pour répondre à ta question je surfe sur IE7 et mozilla.
je test tout ça dès demain matin et je te tien au courant du résultat
encore merci beaucoup
IP archivée

briseur

  • Wisi Pilier de comptoir
  • **
  • Hors ligne Hors ligne
  • Messages: 58
    • Voir le profil
Re : Comment mettre le scroll externe au div?
« Réponse #8 le: juillet 05, 2008, 01:36:04 am »

Bon j'avai pas le courage d'attendre demain matin pour vérifier tout ça, donc c fait avec u peu de labeur dû au fait de tout les elements de ma page dont mon menu en javascript.
Mais c bon a fonctionne, juste quelque détails à réglé.
Encore une fois un grand merci à toi
Car je crois que j'essayai de faire trop compliquez
Merci Merci :)
IP archivée

briseur

  • Wisi Pilier de comptoir
  • **
  • Hors ligne Hors ligne
  • Messages: 58
    • Voir le profil
Re : Comment mettre le scroll externe au div?
« Réponse #9 le: juillet 05, 2008, 01:45:43 am »

Snifff, j'avais pas vu j'avai vérifier sous mozilla et ça fonctionnai parfaitement, et j'vien de vérifier sous IE7 et tout part dans tout les sens Arffff
Bon j'vai continuer dans mes recherches, car je t'avouerai que le book que je tente de monter est destiner à une recherche d'emploi par la suite, et ce ne serai très serieu ou bien vu si l'employeur venai à l'ouvrir avec IE7 et que tout partai dans tous les sens.
En tout les cas merci quand même, j'vai tenté de trouvé le souci, Galèreeeeeeeeee!!!!
IP archivée

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Comment mettre le scroll externe au div?
« Réponse #10 le: juillet 05, 2008, 07:02:22 am »

Je continue de mon côté également, je ne connaissais pas ce genre de design et je voudrais en découdre un peu....

Si tu surfes avec Firefox, tu dois avoir l'extension Web Developer et elle te permet de voir et fouiller les CSS de n'importe quel site.

EDIT: je tente d'améliorer mais ça foire de plus en plus, je vais reposer ma p'tite tête et revoir plus tard, si entre deux tu trouves les stuuuut's, je suis intéressé.
« Modifié: juillet 05, 2008, 10:19:18 am par edfred »
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

briseur

  • Wisi Pilier de comptoir
  • **
  • Hors ligne Hors ligne
  • Messages: 58
    • Voir le profil
Re : Comment mettre le scroll externe au div?
« Réponse #11 le: juillet 05, 2008, 12:45:16 pm »

Pas de problème je continu à chercher de mon coté, pour la barre web develloper je l'ai déjà, e j'avai déjà regardé tous ça en prenant carrément le css le html, j'ai beau examiné tout ça avec dream, je t'avou n'étant pas dévelloper ni integrateur à la base avoir un peu du mal à comprendre le système, mais je ne m'avou pas vaincu.
On se tien au courant
IP archivée
 



Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.
Contact - Wisibility est une marque déposée

Blog - Tutoriels - Wisi TV - Forum