Image moving in resized browser

jjmax

Hi,

Apologies if this has been answered before or if it warrants a RTFM reply!
I'm doing up a site for a mate and I've spent all day figuring out how to use a stylesheet to place an image on the page.
But, I've managed to figure it out, and now I have two images meeting in the centre of the page and overlapping slightly.
The page is optimised for 1024*768.
When I view it in a maximised IE it looks lovely, but when I resize the browser one of the images goes awol.
Is there anyway to fix the images in place so if the browser window is resized they will stay where they are and you can scroll to them using the scrollbar?
Thanks in advance for any help or advice.

Eoin

can you post some code?

jjmax

Hi Eoin_S,

Thanks for the reply.
I managed to sort it out, I had used the following for the image placement in the css file.

img.bobby {
	position: absolute;
	top: 125px;
	left: 150px;
	}
img.jane {
	position: absolute;
	top: 350px;
	right: 150px;
	}

The image that used the style from "img.jane" moved around in the browser when the window was resized.
After much fiddling around and several wild goose chases, I realised the problem.
I should have used:

img.bobby {
	position: absolute;
	top: 125px;
	left: 150px;
	}
img.jane {
	position: absolute;
	top: 350px;
	[B]left[/B]: 450px;
	}

This sorted the issue out.
It's amazing what you can accomplish with a good night's rest and a bit of calm thought!

Eoin

cool, glad you got it sorted

rsynnott

Erm, why have you given your images proper names?

cgarvey

rsynnott wrote:

Erm, why have you given your images proper names?

I can think of 2 reasons:

1) They are pictures of the people involved
2) They are inanimate images, and he's just applying a bit of love

jjmax

cgarvey come on down! right on both counts.
There is a third - Why not?