ทำ css แทมเพลต layout 3 colum

โหลดแทมเพลต http://www.joomla24.com/option,com_remository/Itemid,4/func,fileinfo/id,4265.html
ลบ Body ใน Index.phyp แล้วใส่

<body>

<div id="left">
<div class="main_l">
<jdoc:include type="modules" name="left" style="rounded" />
</div>
<div class="main_main">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
<div class="main_r">
<jdoc:include type="modules" name="right" style="rounded" />
</div>


</div>



</body>



ไฟล์ template.css เพิ่ม

#left {
background: #ffcc00;
float:left;
}
.main_l {
background: #fff;
width:22%;
float:left;
padding:5px;
margin:5px;
border:solid #000000 1px;
}
.main_main {
background: #ccdddd;
width:50%;
float:left;
padding:5px;
margin:5px;
}
.main_r {
background: #ffddcc;
width:22%;
float:right;
padding:5px;
margin:5px;

}