Scrollable container in webpage

Question

I want to create a viewport inside a webpage with scrollbars.

In this viewport I want to place a collage of images at arbitrary offsets relative to each other.

The first image I add should be centred in the viewport. It may not be as big as the viewport.

As other images are added over time, they are some polar coordinates from some other image. I can turn polar coordinates into X Y offsets.

As I add images, I may want them to be left of all other images or above all other images and so on; can I use negative offsets? Can the scrollbars on the viewport scroll over the used coordinate range of the children automatically, rather than being from 0,0?

What container class with which CSS settings do I use for the viewport? What CSS position settings do I use to position the children?

Answer 1

To make a div or block element scroll able use the overflow property: http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow

For positioning, and size check this out: http://www.wickham43.net/divboxes.php

Here's a CSS collage gallery i googled in 1 second. http://www.entheosweb.com/tutorials/css/collage_gallery.asp#.T42Z06uXQ_Q

(Your question isn't specific, if the above doesn't help please edit)