I actually have a 20/60/20 grid:
Layout Manger HTML:
HTML Code:
<style type="text/css">
.yui-tvb-l1 .yui-b {width: 20%;}
.yui-tvb-l1 #yui-main .yui-b {
margin-left:20%;
padding-left: 10px;
}
</style>
<div id="doc3" class="yui-tvb-l1">
<div id="bd">
<div id="yui-main">
<div class="yui-b">
<div class="yui-ge">
<div class="yui-u first yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column1">$column[1]</ul>
</div>
<div class="yui-u yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column2">$column[2]</ul>
</div>
</div>
</div>
</div>
<div class="yui-b yui-sidebar">
<ul class="list_no_decoration widget_list" id="widgetlist_column3">$column[3]</ul>
</div>
</div>
</div>
Default Template HTML:
HTML Code:
<style type="text/css">
.yui-tvb-l1 .yui-b {width: 20%;}
.yui-tvb-l1 #yui-main .yui-b {
margin-left:20%;
padding-left: 10px;
}
</style>
<div id="doc3" class="yui-tvb-l1">
<div id="bd">
<div id="yui-main">
<div class="yui-b">
<div class="yui-ge">
<div class="yui-u first yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column1">$column[1]</ul>
</div>
<div class="yui-u yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column2">$column[2]</ul>
</div>
</div>
</div>
</div>
<div class="yui-b yui-sidebar">
<ul class="list_no_decoration widget_list" id="widgetlist_column3">$column[3]</ul>
</div>
</div>
</div>