Question

I hope I can explain this.

I have an image which is “stuck” to the right hand side of the browser window, so when the browser window changes size it remains stuck to the right. The style I use is:

style="position :absolute; top :4px; right :4px"

I also have a minimum body width of 1024px:

body 
{
    min-width: 1024px;
}

This all works great until the window is resized less that 1024, then the image is still stuck to the right hand side of the window. But I would like it to stick to the right hand side of the total page area. If you see what I mean.

Thanks,

AJ

Answer 1

the css position attribute calculates based on a positioned parent. If your image does not have any parents which are positioned, then the absolute will be relative to the screen. You should be able to fix this by putting position:relative; in your css for the body or by wrapping everything in a div of the correct size with position:relative;