long div

[gerkintrigg]

Let's say I want to be able to scroll a lot of information within a defined div tag, how would I be able to render it so that the div could contain (potentially) an infinate number of images, all rendered along side each other, and then output them into one div that only scrolls horizontally?

 

I've done this: http://www.truro.com/pages/Ghostly~Publishing/Ghostly~Publishing.html but as you can see, it's not really very workable in its current form.

 

Any suggestions?

[Drongo_III]

Can you explain a little more what you're trying to achieve?

 

Is it that you want the purple header to be horizontally scrollable?

 

If so, try something like this:

 

<div style="width: 400px; height: 200px; overflow: hidden; overflow-x:scroll;border: 1px solid #000;">

      <div style="height: 100px; width: 5000px; border: 1px solid red; margin-top: 30px;">
     
       THIS IS WHERE YOUR CONTENT GOES

      <div/>

</div>

 

 

[Drongo_III]

BTW I typoed the inner div closing tag.

[gerkintrigg]

That's got it!

 

Thanks.