Not understanding centering with div. Educate me?

Hi All,

I’m missing some fundamental understanding of simple centering/page resizing with div. No matter what I try I end up with my stuff slopped all over, looking fine in larger resolutions and horrendous in others. Sample link below:

Can someone please send me to school on the best practice way to go about making this centered on resize? I really appreciate the help!