Can someone break down for me the pieces that compose the Holy Grail Layout with switched div positioning as seen here? http://matthewjamestaylor.com/blog/perfect-3-column.htm
The way I understand is that:
colmask is just a wrapper to position the content between header and footer
colmid is another wrapper that i guess accomodates some browsers such as IE7
colleft is the wrapper of the real thing (not sure why so many wrappers)
col1, col2 and col3 are the real thing and are all floating left and set their margins to adjust their appearance on the screen
Can someone explain better what's the Zen of that design? I'm trying to apply it to a real world scenario and it's not really working.
This is a clean-room example of the issue i'm having right now with trying to integrate this solution