Div side scroll

Craig321 · 8 May 2007 at 14:58

I'd like to have a div that ONLY side scrolls.

Currently I'm using <div class="content"</div> with the CSS .content { overflow:scroll; } but that scrolls down rather than side to side.

Is there any way to make a DIV tag that will hold ALL the content within height:100px & scroll side to side ONLY.

Basically I'm wanting a line of thumbnails in a 'scroll box'.

Thanks,
Craig.

Craig321 · 8 May 2007 at 17:38

I managed to get it working using:

Code:

.content {
  overflow:scroll;
  white-space:nowrap;
  }

The above works perfectly for Mozilla Firefox, but it doesn't scroll in Internet Explorer (I've been testing on 7).

Any ideas of a fix for IE please?

Thanks,
Craig.

Craig321 · 10 May 2007 at 02:35

Thanks for your help

I turned out to be that I forgot to specify the width of the DIV in the stylesheet, your answer got me looking in that area

Thanks,
Craig.

Craig321 · 12 May 2007 at 00:34

blade007 said:
cool .. here's one I found at cssplay

http://www.cssplay.co.uk/menu/scroll_gallery.html

Not bad, thanks. Although they'd need to be in a pop-up window rather than images above.

All sorted now though, thanks everyone