We just recently did a minor change to our website. Mostly it was an aesthetic touch we were going for. If you notice in the image of our previous design we had more of a center page feel. We decided to expand both the header and the footer to make it full length while keeping the centered part of our site. This gave room for the content to breathe a little without it coming so close to the edges. It certainly isn’t so cluttered.
In order to accomplish this layout I need to move the header outside of the wrapper. This is how the page look was achieved compared to the new full length layout. Then edited the header and footer content to this.
< div class=”wrapper” >
< div class=”content”>
< p> The Conent
< div class=”colophon” id=”wrapper”>
< p> Content Footer