[Acid Reign]

Ok. I'm working on the layout for the remake of Anti.Focus, and i want it to be cross-resolution compatible.

I have the background as a set of small 2px high lines repeating Y, with an image seperating the right bar where i want it to. Now, i don't want the box to look like it's running over the edge of the page and never ending, so i made a little picture that closed the boxes in the right spots.

i'm looking for someone to do me a favour, if it's not to trouble (let alone possible) to detect a users resolution, and place the image where i want it. for example: if it's 800x600, then place the image at "top:796px; left:0;" so on, so fourth.

If it's not possible, or you don't want to do the code for me, could you give me any suggestions as to how to go about it?

http://www21.brinkst...reign/index.htm <theres the page, you'll see what i mean. i think...

[Koenie]

document.body.clientWidth
document.body.clientHeight

[Acid Reign]

ehh.. I don't actually know javascript, so that makes no sense to me, sorry =\

[Koenie]

What exactly are you trying to do then?

[klewlis]

hey,

what i would do is use separate stylesheets to do your positioning, and just use the detect script to determine which stylesheet to use. you can find free detection scripts on the web... i'd send you one but mine are browser based instead of resolution based, so they won't help you. just google for "javascript detect resolution" and something will come up. :)

[Acid Reign]

great plan! thanks

[Acid Reign]

Ok, well. i gave up. I made a practical decision and just scrapped the whole javascript idea.

instead of making the background the unending lines, i just made an 2x800px bar and put it where I needed it. It's minisculely small, so it wont do crap to my site download speed. NOW! as for all those other images..

<<

>>

<<

>>

hee... I'll fix them!