Show horizontal scroll not vertical on div?

HTML & CSS
1

Hi All

Having trouble forcing a horizontal scroll bar on a div container.

I want the overall size to stay fixed but extend the width with a scroll bar horizontally, instead of jumping onto a new line with a vertical scroll bar.

<div id="photoDisplay">
	<img src="images/test001.jpg">
	<img src="images/test002.jpg">
	<img src="images/test003.jpg">
	<img src="images/test004.jpg">
	<img src="images/test005.jpg">
	<img src="images/test006.jpg">
</div>

div#photoDisplay {
	padding: 20px;
	height: 208px;
	width: 732px;
	overflow:auto;
	float:left;
}

??? :cool:

2

You can “fine-tune” the overflow property to the horizontal and vertical axes:

overflow-x:scroll;
overflow-y:hidden;
3

Sounds like your looking for this… http://www.visibilityinherit.com/code/scroller.php

4

Thanks for the input Raffles.

Sounds like your looking for this…
:smiley: Spot on! Just reading through now, thank you :cool: