Positioning with different monitors/resolution.

I'm coding a site with css/html and I can code it so it looks right and everything is working, but then when I few it on different computers (different monitor sizes and resolutions) it gets all messed up. I'm trying to figure out how to position everything so it will work no matter the screen size/resolution.

The site is simple and all it has is a background, large box with everything in it, smaller content box with two images on either side. plus a navagation on the top and a header.

I've been trying to position them differently using margin's, div position (top 100px etc etc) but can't figure it out.

If I need to provide the code to get help then I can do that too. Just looking for a way to code it without it changing so much computer to computer.

You should always consider creating content to fit 1024 x 768 resolutions. Using layouts that adjust to screen width usually takes care of any resizing issues. This link might explain better:

http://www.designportfolio.com/Articles/Coding-For-Multiple-Screen-Resolutions.htm

Hope it helps.

You should always consider creating content to fit 1024 x 768 resolutions. Using layouts that adjust to screen width usually takes care of any resizing issues. This link might explain better:

http://www.designportfolio.com/Articles/Coding-For-Multiple-Screen-Resolutions.htm

Hope it helps.

Yeah, how do I make a layout adjust to the screen width? What type of positioning tags do I use? What code do I use to position images/css boxs so it will resize.

I think it's better to give a link to your page, so that we may be able to find the issues in your approach and give some solutions.