Positioning in different resolutions

[wwfc_barmy_army]

Hello.

I am using this bit of CSS to position a table in a certain place on my page:

[code] position: absolute;
right: 400px;
top: 300px;[/code]

Although this is spot on using my resolution when i check what it looks like with a smaller resolution it moves and goes over text etc.

How can i get it to stay still. Can i use different CSS for it?

Thanks.

[ToonMariner]

hmmm

screen resolution (I think) can only be detected by js so you'd be relaint on that to solve your problem.

I am not that hot on absolute positiong but I will ask why you need to position something in that way.

[jcombs_31]

The absolute position is always going to be how many pixels you specifiy from the top/bottom/right/left of your browser window.  So, obviously 300px would look different on different screen sizes or just resizing the browser.  If you want to position absolute within another container, than you need to position that container relative, and then position the inner content absolute.