I really like this so i'll tell ya what to do!

First make the image layout and get the attributes for it.. say its 500x500..

Open up a notepad file and paste this in it -

<frameset cols="*,500,*" rows="*,500,*" border="0">
<frame src="blank.html" noresize scrolling="no" marginheight="0" marginwidth="0">
<frame src="blank.html" noresize scrolling="no" marginheight="0" marginwidth="0">
<frame src="blank.html" noresize scrolling="no" marginheight="0" marginwidth="0">
<frame src="blank.html" noresize scrolling="no" marginheight="0" marginwidth="0">
<frame src="layout.html" noresize scrolling="no" marginheight="0" marginwidth="0">
<frame src="blank.html" noresize scrolling="no" marginheight="0" marginwidth="0">
<frame src="blank.html" noresize scrolling="no" marginheight="0" marginwidth="0">
<frame src="blank.html" noresize scrolling="no" marginheight="0" marginwidth="0">
<frame src="blank.html" noresize scrolling="no" marginheight="0" marginwidth="0">


This makes it centered.
Change the 500 and 500 to the dimensions (width then height)
Change the layout.html to the page where your html coding with the image is and you can change the blank.html to a blank page with the background for it or other.

If you think about it there are 9 'boxes' if you want some text in the top middle box then you edit the 2nd blank.html to maybe top.html and think about where the other boxes go if u want to put text there.

I found this really helpful to center my layouts for every res!

Hope this helps you to!!