Converting a site to Web standards can be quite a struggle. It’s difficult enough to achieve a satisfying layout with positioning, floating, and all that. But it’s downright frustrating to realize that the positioning you’ve chosen doesn’t render consistently in different resolutions, or even multiple browsers in the same resolution! Well, take heart; this article will explain why relative positioning is a trustworthy friend in this case!
As you can see in the code, all the body contents and elements are contained in one all-encompassing div, unambiguously named "all." I use this method for the sole purpose of centering everything, and modifying positions relative to the center of the screen, no matter what the resolution. This raw XHTML will produce the following results:
Now let’s make things pretty with some relative positioning!
Style Sheets 
/ 18 
HTML5 Boilerplate Introduction
