This question has been answered by sottwell. See the first response.
<section id="main"> <h3>[[*longtitle]]</h3> [[*content]] </section> <!-- /main --> <section id="right-sidebar"> [[$right-sidebar]] </section> <!-- /right-sidebar --> [[[[*id:is=`1`:then=`$home-blocks`:else=``]]]]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> [[$head]] <body> <div id="fullheader">[[$headerimages]][[$topnavmenu]]</div><!--end of #fullheader --> <!-- ==1====================================== --> <div id="centeredcontainer"> <div id="container" > <div id="sidebar1"> <!-- ==2====================================== --> <h3>sidebar1 Content</h3> <p>The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the left side of the #mainContent div if the #mainContent div will always contain more content than the #sidebar1 div. </p> <p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. </p> <!-- ==3====================================== --> </div> <!-- end #sidebar1 --> <div id="sidebar2"> <!-- ==4====================================== --> <h3>sidebar2 Content</h3> <p>The background color on this div will only show for the length of the content. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> <p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. </p><p>a tidbit</p> <!-- ==5====================================== --> </div><!-- end #sidebar2 --> <div id="mainContent"> <!-- ==6====================================== --> <h1> Main Content </h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam.</p> <h2>H2 level heading </h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum.</p> <!-- ==7====================================== --> </div><!-- end #mainContent --> <br class="clearfloat" /> </div><!-- end #container --> </div><!--end of centeredcontainer--> <!-- ======================================== --> [[$footer]] </body> </html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> [[$head]] <body> <div id="fullheader">[[$headerimages]][[$topnavmenu]]</div><!--end of #fullheader --> <!-- ==1====================================== --> <div id="centeredcontainer"> <div id="container" > <div id="sidebar1"> <!-- ==2====================================== --> <h3>[[*sidebar1_title]]</h3> [[*sidebar1_content]] <!-- ==3====================================== --> </div> <!-- end #sidebar1 --> <div id="sidebar2"> <!-- ==4====================================== --> <h3>[[*sidebar2_title]]</h3> [[*sidebar2_content]] <!-- ==5====================================== --> </div><!-- end #sidebar2 --> <div id="mainContent"> <!-- ==6====================================== --> <h1> [[*pagetitle]] </h1> [[*content]] <!-- ==7====================================== --> </div><!-- end #mainContent --> <br class="clearfloat" /> </div><!-- end #container --> </div><!--end of centeredcontainer--> <!-- ======================================== --> [[$footer]] </body> </html>