[HTML] Scrollbar en bas

Résolu
samuel77220 -  
Bonsoir,

J'aimerais mettre une scrollbar (barre de defilement) en bas de ma balise div, en gros que ma div défile de la droite vers la gauche.
Quelqu'un pourrait m'aider ?

Merci d'avance.
Configuration: Windows Vista
Firefox 3.5.2

8 réponses

  1. Utilisateur anonyme
    Renseigne toi sur "overflow" et "white-space" en CSS ! La réponse est la dedans !
    1. samuel77220 Auteur 
      <style type="text/css">
<!--
*{margin:0;padding:0;}
.sims2 {
     position: absolute;
     width: 800px;        /* selon la largeur voulue */
     margin-left: -400px; /* moitie de width */
     left: 50%;           /* constant, toujours 50% */
     height: 400px;       /* selon la quantite de texte */
     margin-top: -200px;   /* moitie de height */
     top: 50%;            /* constant, toujours 50% */
     background-color: #eee;
}
.header{
	width:800px;
	height:150px;
}
body{
	background-image:url(../fond-site.png);
	background-repeat:repeat;
}
#cadre{
width:800px;
height:200px;
display: block;
overflow:hidden;
overflow-x: auto;
overflow-y: hidden;
overflow : -moz-scrollbars-horizontal;
}
-->
</style>
<body>
<div class="sims2">
<div class="header"><img src="header.jpg" width="800" height="150" /></div>
<div id="cadre">qirugh ksjrgbkjwr qghq ekjghsbjk bshkjvhbs vrlkgjsbrl suebrv lsukrvbhsk jrvbsk jbnsevk jebr sejbrgvk bsksdbtrskl ejgvbslkebs jsbkdvbsdl jbsvkld jbslkvb skrlgvjbsrgvlksbrvkjgsbrglkv srfskjdbrgvsklj egkn ksljksbjkbnkjdbgkljdsbgvlkj lksejgvbemskjbtvmkqrejsm tamhmgvbea gviushb vilub livb lebgvrlkqrfhvblq bvqlarhb lkevfdbrgvl sqirugh ksjrgbkjwr qghq ekjghsbjk bshkjvhbs vrlkgjsbrl suebrv lsukrvbhsk jrvbsk jbnsevk jebr sejbrgvk bsksdbtrskl ejgvbslkebs jsbkdvbsdl jbsvkld jbslkvb skrlgvjbsrgvlksbrvkjgsbrglkv srfskjdbrgvsklj egkn ksljksbjkbnkjdbgkljdsbgvlkj lksejgvbemskjbtvmkqrejsm tamhmgvbea gviushb vilub livb lebgvrlkqrfhvblq bvqlarhb lkevfdbrgvl sqirugh ksjrgbkjwr qghq ekjghsbjk bshkjvhbs vrlkgjsbrl suebrv lsukrvbhsk jrvbsk jbnsevk jebr sejbrgvk bsksdbtrskl ejgvbslkebs jsbkdvbsdl jbsvkld jbslkvb skrlgvjbsrgvlksbrvkjgsbrglkv srfskjdbrgvsklj egkn ksljksbjkbnkjdbgkljdsbgvlkj lksejgvbemskjbtvmkqrejsm tamhmgvbea gviushb vilub livb lebgvrlkqrfhvblq bvqlarhb lkevfdbrgvl sqirugh ksjrgbkjwr qghq ekjghsbjk bshkjvhbs vrlkgjsbrl suebrv lsukrvbhsk jrvbsk jbnsevk jebr sejbrgvk bsksdbtrskl ejgvbslkebs jsbkdvbsdl jbsvkld jbslkvb skrlgvjbsrgvlksbrvkjgsbrglkv srfskjdbrgvsklj egkn ksljksbjkbnkjdbgkljdsbgvlkj lksejgvbemskjbtvmkqrejsm tamhmgvbea gviushb vilub livb lebgvrlkqrfhvblq bvqlarhb lkevfdbrgvl sqirugh ksjrgbkjwr qghq ekjghsbjk bshkjvhbs vrlkgjsbrl suebrv lsukrvbhsk jrvbsk jbnsevk jebr sejbrgvk bsksdbtrskl ejgvbslkebs jsbkdvbsdl jbsvkld jbslkvb skrlgvjbsrgvlksbrvkjgsbrglkv srfskjdbrgvsklj egkn ksljksbjkbnkjdbgkljdsbgvlkj lksejgvbemskjbtvmkqrejsm tamhmgvbea gviushb vilub livb lebgvrlkqrfhvblq bvqlarhb lkevfdbrgvl sqirugh ksjrgbkjwr qghq ekjghsbjk bshkjvhbs vrlkgjsbrl suebrv lsukrvbhsk jrvbsk jbnsevk jebr sejbrgvk bsksdbtrskl ejgvbslkebs jsbkdvbsdl jbsvkld jbslkvb skrlgvjbsrgvlksbrvkjgsbrglkv srfskjdbrgvsklj egkn ksljksbjkbnkjdbgkljdsbgvlkj lksejgvbemskjbtvmkqrejsm tamhmgvbea gviushb vilub livb lebgvrlkqrfhvblq bvqlarhb lkevfdbrgvl s</div>
</div>


      faites pas attention au texte hein c'est juste un essaie :)
      2. Utilisateur anonyme
        Attention !!!

        J'ai pas posté mon premier message pour rien !

        "Renseigne toi sur "overflow" et "white-space" en CSS ! La réponse est la dedans !"

        #cadre {
        width:800px;
        height:200px;
        display: block;
        overflow-x: scroll;
        white-space : nowrap;
        }
        2. samuel77220 Auteur
          ah oui ça fonctionne !
          Merci beaucoup et désolé de ne pas avoir préter attention a ton message =D
          1. Utilisateur anonyme
            Pas de mal, l'important c'est que ça fonctionne :-)

            1. Ricky38 Contributeur
              Salut,

              dans ton fichier css tu ajoutes a ta div
              overflow-x : scroll; //pour un scroll gauche a droite
              overflow-y : scroll; //pour un scroll de haut en bas

              exemple: 

              #main{
  overflow-x : scroll;
  weight: 200px;
  height: 400px;
}
              1. Utilisateur anonyme
                Y'a même plus de suspens...

              3. Utilisateur anonyme
                @Ricky38Ouais...... mais moi d'abord !! :-)
              4. oula7dit
                et il possible après rechargement de la page, le scrollbar sera positionnée en bas du div
            2. samuel77220 Auteur
              Ca ne fonctionne pas, enfin quand je tape mon texte au bout de la div ça revient a la ligne :s
              1. Ricky38 Contributeur
                on peut voir ton code css et le code de ta div ?

            Discussions similaires

            Apache2 accès à autre que /var/www/html/index.html
            merithes

            3 réponses
            Analyser éléments js d'une page web ?
            Angstrom82

            7 réponses
            Saut de lignes sans <br/>
            Rapi-shiny

            13 réponses
            Petit saut de ligne en HTML
            Aurore

            2 réponses
            <br> ou <br /> ou </br>
            corentin.93

            11 réponses