I'll make this the last post on my site experiments.
One last change I did was to use the universal selector to eliminate margins and padding on all elements.
* { padding: 0; margin: 0 }
I also made an overall font adjustment in for the body element, so that 1em is equivalent to 10 pixels:
body {font-size: 62.5%; }
I find it easier to work with em units if I can put them into a general pixel reference.
Yes, I am aware of the issues with using the universal selector and eliminating all padding and margin settings. Yes, I am aware of Eric Meyer's own white space reset stylesheet, and his reasoning for setting specific elements.
In addition, I also use min-width and max-width to provide the outer layer around the centered content. With these, I can add as many outer bands of elements as I want and still have the page show up in smaller monitors with minimal scrolling. At the same time, the content doesn't look quite so thin on larger monitors.
