I have a project that I have to complete for my class but it always
looks different on different computers.

The site is here http://ptecwebdesigners.com/vpiscite...ign/index.html

I want it to be centered with the red div on the right side and the white div
on the left.

Any help would be appreciated.

The reason it's moving around is because you've used position:absolute and that's not the best route to take at all - unless your assignment tells you to do that.

You should read our stickie on the subject - http://www.webmaster-talk.com/css-fo...r-website.html

What position should I have it as?
What code should I use? I'm trying to have the green, white,
and red divs in that order like the Italian flag. It obviously
looks different on other computers and I'm getting really frustrated
with this in general.

The point is, most of the time you don't need positioning at all. It's better to learn to use the normal document flow than to nail things in place with absolute positioning - which is buggy still in IE.

Put a "wrapper" div around the portion of your page that you want to have centered, and give it the desired width. Your code would look something like this:

<div id="wrapper">
<div id="nav"></div>
<div id="left"></div>
<div id="center"></div>
<div id="right"></div>
</div><!-- end wrapper -->

In your css, your #wrapper would look something like this:

#wrapper{
position: relative;
width: 800px;
margin: 0 auto; /*top and bottom margin is zero, auto centers it */
overflow: auto; /*clears floats inside it */
}

The columns should be floated.

exactly as ladynred said..

if you have time to redo... try this... remake the site without a single position:absolute; tag. I looked at it at a glance and see no where you'll need it..

Thanks for sharing... I am also facing this problem in one of my website.