Centering an image

aumz · 11 Feb 2006 at 02:27

I have a webpage, using dreamweaver 4, with a white background and one single image.

I want the image to appear in the centre of the whole page no matter what screen resolution will be used.

Is this possible and if so how.

punky_munky · 11 Feb 2006 at 14:49

The horizontal centering part is easy but vertical centering can be a little tricky sometimes. I can't think of a way of doing it off the top of my head with CSS but you could very easily do it with some nested tables.

Bash · 11 Feb 2006 at 14:56

Code:

<div align="center">
<img src="Your pic.gif" alt="Your Pic"/> <br />

How is that?

Bash · 11 Feb 2006 at 14:59

Just re-read and relised what you mean. The above won't help.

hendrix · 11 Feb 2006 at 15:18

You could set the image as the background for the page:

Code:

<style type="text/css">
body { background: white url(image.jpg) no-repeat middle center; }
</style>

I think that's right. Add it to your code between <head> and </head>