Beste Sd-ers,

Ik heb me de hele tijd al afgevraagd hoe ik een horizontale scrollbar kan maken, nu had ik wat dingen gevonden en ik dacht dat ik het ook echt had gevonden.. helaas.. was niet zo, vandaar dat ik de vraag hier stel.

Hoe maak ik de scrollbar horizontaal?

PHP Code:

css

#box          {width: 500px; height: 200px; overflow-x: scroll; overflow-y: hidden;} 


PHP Code:

html

<div id="box">
henk henk henk henk henk etc...
</div> 


Ik dacht dat het zo wel zou werken.. echter heb ik dan wel een horizontale scroll bar.. maar werkt de scroll functie zelf niet, dus kan je alsnog niet scrollen..

Iemand enig idee? Alles is welkom, via google heb ik het al geprobeerd, maar kwam er maar niet uit..

Stefan

En als je er nog meer tekst in zet?
Als er niets te scrollen valt dan gaat hij natuurlijk ook niet scrollen.

@niels: Zo slim was ik natuurlijk ook wel weer :)

het probleem is als ik het bovenstaande gebruik, dan geeft hij aan dat er geen scroll-y kan, dat is logisch, want dat heb ik uitgezet met hidden. Maar de scroll-x werkt nog niet, terwijl dat juist zou moeten volgens mij. Maar omdat het niet goed werkt, word alles naar beneden gezet en komt het dus onder het vlak uit. Dit ziet er al helemaal niet uit...

Je kan alleen maar scrollen als er meer content is dan dat de browser kan laten zien.

Je maakt een div in een div.

de css is:

Code:

div {
   overflow-y:hidden;
   overflow-x:scroll;
   width:300px;
   height:100px;
}

div div {
  width:600px;
}

De maten naar eigen wens instellen ;)

Hmmm .. ik snap hem denk ik.
Ziet er achteraf gezien, vrij logisch uit.

Ik ga het proberen, dan laat ik nog weten of het lukte :)

Alvast bedankt

als je een height meegeeft moet hij wel opzij scrollen volgens mij. ik denk dat dat de oplossing is.

@gijsbert: Bedankt het werkt :)

Topic closed :)