Centering a large image.

If I have an image that is much wider and/or higher than the space
available to it on its page , how do I arrange to display it on the page
so that the centre of the image (both in the vertical and horizontal
sense) co-incides with the centre of the page in which it is viewed?

Are there any HTML and/or CSS constructs that will allow me to do this?

Yours truly,
Ed

Ed wrote:

If I have an image that is much wider and/or higher than the space
available to it on its page , how do I arrange to display it on the page
so that the centre of the image (both in the vertical and horizontal
sense) co-incides with the centre of the page in which it is viewed?

Are there any HTML and/or CSS constructs that will allow me to do this?
Try with to set the image width as 100%.

--
Edwin van der Vaart
http://www.semi-conductor.nl/ Links to Semiconductors sites
http://www.evandervaart.nl/ Under construction

Edwin van der Vaart wrote:

Ed wrote:
If I have an image that is much wider and/or higher than the space
available to it on its page , how do I arrange to display it on the page
so that the centre of the image (both in the vertical and horizontal
sense) co-incides with the centre of the page in which it is viewed?

Are there any HTML and/or CSS constructs that will allow me to do this?

Try with to set the image width as 100%.

That would stretch the image. Unless that's what the OP wants, I'd go
for displaying at as a background image, with
background-position:center;

To the OP: can you give a URL to show what you are really after?
Is it so that if the page is scrolled, the image has to scroll with
it? Or stay in place? Is the space you have available for it also in
the center of your page? Or is it in another place? Too many variables
to really answer your question.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: House Of Lords - Can´t Find My Way Home

Els wrote:

Edwin van der Vaart wrote:
Ed wrote:

If I have an image that is much wider and/or higher than the space
available to it on its page , how do I arrange to display it on the page
so that the centre of the image (both in the vertical and horizontal
sense) co-incides with the centre of the page in which it is viewed?

Are there any HTML and/or CSS constructs that will allow me to do this?

Try with to set the image width as 100%.

That would stretch the image.
I thought the image is inside a box e.g.

http://www.evandervaart.nl/index.php?page1=page6
--
Edwin van der Vaart
http://www.semi-conductor.nl/ Links to Semiconductors sites
http://www.evandervaart.nl/ Under construction