Just a simple (I think) little CSS thing here, but I can't figure it.
I'm using WordPress as a CMS and I've got a two column layout. In the main/left column I want to put a horizontal scrolling CSS div box for scrolling images. Now, the thing is, I don't want to fix the width of the scrolling div because the layout of the theme is pretty liquid.
The div is a bit like this:
<div style="width: 400px; height: 190px; overflow-x: scroll; overflow-y: hidden; padding: 5px;"><img src="image 1 here" /><img src="image 2 here" "etc." "etc." /></div>
If I make the width 100%, then the whole theme cracks because the images just push beyond the column the div is in and scrolling functionality vanishes. If I make the width a fixed width, like, for example, in the code above, then it's going to be fine for my resolution and not for anyone elses. How can I make the div "liquidly" fill the column's width but still retain scrolling functionality when images overflow horizontally? Would really appreciate some of your thoughts.
Thanks a lot.