I understand that max-width has been very well documented, but I am still having trouble making my website stop stretching at a certain point. When the user stretches the browser more than 800 px, I want my website to stop stretching. (All my divs and everything are done in %'s, not px's.) I created a wrapper,

<!-- language: lang-css -->

#wrapper{
    max-width:800px;
}

However, because my divs are absolutely positioned, it does not move them, and when I make their positions relative, the website looks very messy. I would love some help, and could provide more code if you need it. I think the main problem is in the absolute positioning.

You'll need to add position: relative to your parent wrapper

<!-- language: lang-css -->

#wrapper {
    max-width:800px;
    position: relative;
}

The following fiddle illustrates the difference between relative and absolute positioning:

jsFiddle

See Absolute Positioning Inside Relative Positioning from CSS-Tricks for more info.