Getting website to look the same across all monitors

[drumdogg]

After designing my website i found that on different monitors it looks different, with elements being in the wrong place or not centered etc. Even when setting the resolution the same on each monitor it looks different. For example it was designed using a 19'' and recently viewed it on a 17'' and a 24'' and the elements were all over the place.

I have read about using % instead of px in my css. What would be the best approach??

Thanks

 

[GravyMonster]

Is this different monitors on different machines? Are the browsers the same?

The monitor itself should have no bearing on the rendering of the site - that's down to the browser.

 

[drumdogg]

Its different machine and different monitors. Its IE8 that im running and both machines have the same version and same updates.

 

[yhack]

You are probably using different browsers on the different machines.

edit: post a link to it if it's live or the stylesheet

 

[edscdk]

like what ^^^ said, if you are using px is should always eb the same, are you sure you have not accidently put something to be % ?

 

[sw1ft]

Can you post a link? that will make this a lot easier, as it could be a whole range of things.

 

[GravyMonster]

Its different machine and different monitors. Its IE8 that im running and both machines have the same version and same updates.

Same versions of windows? Same text sizes on both machines?

To be honest, no site design is going to look exactly the same on every machine, and every browser. Knowing what will change between them and making the layout consistent across them all is part of the skill of designing a good site.

Here's a good reference site for you

http://dowebsitesneedtolookexactlythesameineverybrowser.com/

 

[drumdogg]

Yea same version of windows, XP. It can be big changes too, like a table sitting in the bottom left of the page instead on sitting in the center!