From: Camille Petersen on
Assume I have a picture which I want to put centered on a webpage.
The picture should NOT be stretched.

The problem now is that I do not know the current browser window size of a potential user.
So the web page/CSS must find it out dynamically.

If the browser windows is SMALLER than the picture then the picture should be

a.) put into the upper left corner of the browser window and
or
b.) Should be shown centralized on the web page

The horizontal and vertical sliders should automatically appear in thiese cases.
The picture should not be shrinked!

How can I achieve this with HTML/CSS ?

What if I want to add a fixed offset of 300 pixels to the position from the left border?

Camille