I've been designing my blog - marking up a css stylesheet and index.html -- for a rock-solid layout. I hope to get everything squared away, before I start integrating it with the code.
Ok, here's my basic layout:
-Main container (relative) -----
---2nd container (relative) -----
--------contents container (relative) | right sidebar container (absolute)
--------end contents container | end right sidebar container
---end 2nd container
-end Main container
Essentially, I've made the Main container centered using auto, and I positioned it as relative.
2nd Container is positioned relative to main container and then the contents container is positioned relative to the 2nd container. Sidebar is positioned absolute, right 0, top 0.
My header elements (an image and a few navigation links are positioned above the top border of the main container. Footer navigation links are positioned below the bottom of the main container.
Everything looks perfect in Firefox and IE.
Does my positioning seem sound to you guys? I just looked into a WordPress Theme Design book and noticed the author did it differently, floating some of the containers left and right (none of the enclosing containers are positioned as relative, and nothing is positioned as absolute).
I guess there's more than one way to position things, but does anyone see any glaring problems I might encounter later on, once I begin to integrate the design into the code and start testing with lots of data?
Thanks for your help.