Div Scrolling

dwoody · #1 (**permalink**) 08-23-04, 10:37 AM

Hi,
I am writing a page where I have a div at the bottom that holds a bunch of thumbnail images. If there are a large number of images that I have to insert then I want the div to be able to scroll left and right without disturbing the rest of the page. I have accomplished this but I am not yet satisfied with the location of the scroll bars. I was wondering if there was a way that I could move the left-to-right sliding scroll bar from the bottom of the div to the top. Also I would like to get rid of the up and down scroll bar. Does anyone know how to do this?

Code:

<html>

<style>

.imgscroll {color: #000000; background-color: #FFFFFF; width: screen.availWidth; height: 100px; overflow: scroll}

</style>

<body>

<DIV align=center class="imgscroll">

<img src="firstim.gif">&nbsp;<img src="secondim.gif">

</DIV> 

</body>

</html>

jamslam · #2 (**permalink**) 08-30-04, 11:19 PM

Unfortunately, I do not know of any way of moving the horizontal scrollbar's position without extensive javascript work.

Getting rid of the vertical scrollbar is easy, though.

Code:

.imgscroll {color: #000; background-color: #fff; width: 400px; height: 100px; overflow: scroll; overflow-y: hidden;}

A few things to note...

'screen.availWidth' is not part of CSS, thusly, it won't do anything.

Secondly, the vertical scrollbar will only disappear in IE- it will still show the vertical scrollbar in firefox, though.

Pineriver · #3 (**permalink**) 12-28-06, 07:59 PM

Code:

<div style="overflow: auto;height: 90px; width: 541px;" >