This is a discussion based on Ryan Brill (aka Pyro)'s Negative Margins (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/negativemargins/">http://www.alistapart.com/articles/negativemargins/</a><!-- m -->) article and a continuation of a long buried thread that lavalamp and myself (<!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/showthread.php?s=&threadid=34161">http://www.webdeveloper.com/forum/showt ... adid=34161</a><!-- m -->) were developing.
Here's the tricky part, Pyro's article works wonders and is very similar to the code lavalamp and I have developed, with two major differences:
1) The article uses Faux Columns in order to resolve the issue of varying column heights.
2) The article's navigation appears before the content in the XHTML code.
The main question I have is how do we implement the article's Example 5 (<!-- m --><a class="postlink" href="http://www.alistapart.com/d/negativemargins/ex5.htm">http://www.alistapart.com/d/negativemargins/ex5.htm</a><!-- m -->) so that #left appears below #main in the XHTML?
My secondary question is how do we implement multiple columns in #left and #sidebar since both are floated? For example, a liquid layout with six columns instead of only three?
Here's the tricky part, Pyro's article works wonders and is very similar to the code lavalamp and I have developed, with two major differences:
1) The article uses Faux Columns in order to resolve the issue of varying column heights.
2) The article's navigation appears before the content in the XHTML code.
The main question I have is how do we implement the article's Example 5 (<!-- m --><a class="postlink" href="http://www.alistapart.com/d/negativemargins/ex5.htm">http://www.alistapart.com/d/negativemargins/ex5.htm</a><!-- m -->) so that #left appears below #main in the XHTML?
My secondary question is how do we implement multiple columns in #left and #sidebar since both are floated? For example, a liquid layout with six columns instead of only three?