[HTML] Scrollbar en bas [Résolu/Fermé]

Messages postés
164
Date d'inscription
samedi 14 mars 2009
Statut
Membre
Dernière intervention
30 mars 2013
- - Dernière réponse :  oula7dit - 3 oct. 2013 à 17:26
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.
Afficher la suite 

8 réponses

Meilleure réponse
Messages postés
1002
Date d'inscription
vendredi 7 août 2009
Statut
Membre
Dernière intervention
21 mars 2010
187
3
Merci
Renseigne toi sur "overflow" et "white-space" en CSS ! La réponse est la dedans !

Dire « Merci » 3

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 66206 internautes nous ont dit merci ce mois-ci

Messages postés
164
Date d'inscription
samedi 14 mars 2009
Statut
Membre
Dernière intervention
30 mars 2013
13
2
Merci
<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 :)
Messages postés
4401
Date d'inscription
samedi 15 mars 2008
Statut
Contributeur
Dernière intervention
29 décembre 2014
1127
1
Merci
Tient pour être gentil je vais lui permettre de bien comprendre :)
http://www.zonecss.fr/...
Messages postés
1002
Date d'inscription
vendredi 7 août 2009
Statut
Membre
Dernière intervention
21 mars 2010
187
1
Merci
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;
}

Messages postés
164
Date d'inscription
samedi 14 mars 2009
Statut
Membre
Dernière intervention
30 mars 2013
13
1
Merci
ah oui ça fonctionne !
Merci beaucoup et désolé de ne pas avoir préter attention a ton message =D
Messages postés
1002
Date d'inscription
vendredi 7 août 2009
Statut
Membre
Dernière intervention
21 mars 2010
187
1
Merci
Pas de mal, l'important c'est que ça fonctionne :-)

Messages postés
4401
Date d'inscription
samedi 15 mars 2008
Statut
Contributeur
Dernière intervention
29 décembre 2014
1127
0
Merci
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;
}
Anonym€
Messages postés
1002
Date d'inscription
vendredi 7 août 2009
Statut
Membre
Dernière intervention
21 mars 2010
187 -
Y'a même plus de suspens...

Ricky38
Messages postés
4401
Date d'inscription
samedi 15 mars 2008
Statut
Contributeur
Dernière intervention
29 décembre 2014
1127 > Anonym€
Messages postés
1002
Date d'inscription
vendredi 7 août 2009
Statut
Membre
Dernière intervention
21 mars 2010
-
lol bah on a posté presqu'en même temps :P
Anonym€
Messages postés
1002
Date d'inscription
vendredi 7 août 2009
Statut
Membre
Dernière intervention
21 mars 2010
187 > Ricky38
Messages postés
4401
Date d'inscription
samedi 15 mars 2008
Statut
Contributeur
Dernière intervention
29 décembre 2014
-
Ouais...... mais moi d'abord !! :-)
et il possible après rechargement de la page, le scrollbar sera positionnée en bas du div
Messages postés
164
Date d'inscription
samedi 14 mars 2009
Statut
Membre
Dernière intervention
30 mars 2013
13
0
Merci
Ca ne fonctionne pas, enfin quand je tape mon texte au bout de la div ça revient a la ligne :s
Ricky38
Messages postés
4401
Date d'inscription
samedi 15 mars 2008
Statut
Contributeur
Dernière intervention
29 décembre 2014
1127 -
on peut voir ton code css et le code de ta div ?