Poistion for each computer screen??

[Spring]

I have this website, and when I view a picture, it's positioned perfectly, but when my friend views the same picture it is poistioned much differently, how do I fix this?

 

Here's the code i used.

 

 

#gaara{
position:absolute;
padding-right: 1px;
width: -20px;
top: 454px;
height: 202px;
left: 815px;

}

[Spring]

He has different monitor dimensions than me, is there something ins css that will work for all dimensions?

[Dragosvr92]

Why dont you ask him to use the screen Resolution you use to fix it ?

it may be his resolution or his browser

 

you could use PHP Or JavaScript and make a CSS Fix for each Screen Resolution but that will be annoying lol

 

 

[Spring]

Ehhh, css doesn't offer a fix to this? I don't want to redo the css for each screen size.

[Spring]

I fixed by doing this.

 

body{   width: 800px; height: 600px; }

[Dragosvr92]

Glad u fixed it

 

take a look at this too ... it may be helpful to you

http://www.w3schools.com/css/css_margin.asp

[twilitegxa]

I have found that using the position: relative code works better than using the absolute one. You might try that as well. I was having the same problem, also as the browser is resized it was changing position on the page, which is what I didn't want. Don't know if that helps, but though I'd offer my solution to the same type of problem. :-)

[haku]

You should generally avoid absolute positioning as much as possible. There are a couple of situations where it's appropriate, but unless you know why you should be using absolute positioning, you shouldn't use it.