Aug 7

Written by: Bo Nørgaard
Thursday, August 07, 2008

I changed the layout of the divs, from fixed/relative to absolute. The skin was build with the header, menu and footer area as fixed areas, and the content area as relative. This setup uses the vertical scrollbar at the full height of the browser, which was part of the design fault that led me to remove the footer. Another issue with this setup was that I had to ensure that content was not hidden under the header and footer area.

I changed all areas (divs) to absolute positioning and reintroduced the footer again, as I really didn't like having the copyright and legal parts in the header. This also moved the vertical scrollbar into the content div, which both looks and feels right. The footer was reduced in size from two lines to one line, because I will keep the breadcrumbs in the header area.

Right now I believe that the skin is done, but let's see what I think next month :-)

Tags: