Small Problem When Window Is Resized (Or At Lower Resolutions)

Hi there,

On my friends website when the window size is reduced (or a low resolution is used), the top right 'cartoon' image gets moved down to nearer the bottom of the page.

Is there a way of fixing this background image where it is, so even if you have a low resolution the image will still be in the top right position?


You can see what I mean here:
http://www.adamsinicki.com/


Thanks for any help

 

I can't generate this bug !!!

 

If you try making the window smaller in IE the image jumps to the bottom of the page... also if you have a low resolution and use Firefox or IE the image is already moved to the bottom of the page

 

Now it seems the image isn't even appearing in firefox... yet it appears in IE...

Thanks for any help, this is getting really annoying now

 

I have attached 3 images showing the problem (when the window size is reduced, part of the site jumps to the bottom of the page). Also the top image doesn't show up in Firefox...

 

You need to use absolute positioning. Make any sense? Reply if not.

 

I kind of fixed the problem (although I did it a bit of a stupid way) although I am interested in hearing about absolute positioning...

Please could you explain it a little?


Thanks for the help

 

I think that the easy way to solve the problem would be to use a table.

Absolute sizes and positions will also do the trick, but your page will not adapt to the user available space...

 

It was harding using a table and using percentage widths because I have a background image which my text needs to line up against... eventually had to use a table with set widths in pixels.