[CMS] Odd layout

[Blade-uk]

Hi guys, currently using a layout on my site that uses 3 columns.

Can find it here - http://www.eteknix.com/

I want my layout to be like this so i can put 2 widgets side by side:



How would i go about doing this? I've had a dabble with the grids but can't work it out.

Thanks,

Andy

[Lynne]

You will have to create a grid, flatten it, and modify the CSS for it. Or, just rewrite all the code in the flattened grid textarea. See this - layout allowing 2 widgits horizontally?

[Blade-uk]

You will have to create a grid, flatten it, and modify the CSS for it. Or, just rewrite all the code in the flattened grid textarea. See this - layout allowing 2 widgits horizontally?

I managed to do it here - http://www.eteknix.com/

Only problem is that the side panel's are different width's as you can see on the site. Any ideas on making them the same width for the new layout?

I used to use this code:

<style type="text/css">
.yui-tvb-l25 {width: 18%;}
.yui-tvb-l50 {width: 60%;}
</style>

My code is:

Layout Manager UI HTML

<div id="doc3" class="yui-t5">
<div id="bd">
<div id="yui-main">
<div class="yui-b">
<div class="yui-gf">
<div class="yui-u first yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column1">$column[1]</ul>
</div>
<div class="yui-g yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column4">$column[4]</ul>
</div>
<div class="yui-g">
<div class="yui-u first yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column2">$column[2]</ul>
</div>
<div class="yui-u yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column3">$column[3]</ul>
</div>
</div>
</div>
</div>
</div>
<div class="yui-b yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column5">$column[5]</ul>
</div>
</div>
</div>

Default Template HTML

<style type="text/css">
.yui-u {width: 18%;}
.yui-tvb-l50 {width: 60%;}
</style><div id="doc3" class="yui-t5">
<div id="bd">
<div id="yui-main">
<div class="yui-b">
<div class="yui-gf">
<div class="yui-u first yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column1">$column[1]</ul>
</div>
<div class="yui-g yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column4">$column[4]</ul>
</div>
<div class="yui-g">
<div class="yui-u first yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column2">$column[2]</ul>
</div>
<div class="yui-u yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column3">$column[3]</ul>
</div>
</div>
</div>
</div>
</div>
<div class="yui-b yui-panel">
<ul class="list_no_decoration widget_list" id="widgetlist_column5">$column[5]</ul>
</div>
</div>
</div>