Question

I got a div which is of fixed width and height:

 #containersimg
 {
    width: 900px;
    height: 135px;
 }

And I have many images inside, with width 90px and height 120px. So i want to have my images all in a row, and show only horizontal scroll bar to scroll through the images.

I need to make this work in both FF and IE8 and above. I tried the overflow-x and overflow-y but I didn’t helped.

Any idea?? Hope can get some help here… thanks…

Answer 1

You need a wrapping div inside your scrolling container to ensure that they are not constrained by width and then set overflow-x: scroll on the container. I’ve mocked up a quick fiddle to demonstrate. http://jsfiddle.net/vUEYG/