Chèn 2 cột widget vào Main-wrapper
Hình minh họa
#itech2column-wrapper{width:680px;float:left;word-wrap:break-word;overflow:hidden}
#itech2columnleft-wrapper{width:335px;float:left;word-wrap:break-word;overflow:hidden}
#itech2columnright-wrapper{width:335px;float:right;margin-left:10px;word-wrap:break-word;overflow:hidden}
.itech2column .widget{background:#fff;border:1px solid #ccc; height:325px; overflow:hidden; margin:5px 0; padding:10px}
.itech2column h2{background:#333;color:#fff;line-height:1.4em;padding:2px 10px;margin-bottom:1em}
- width:680px : chiều rộng của widget
- width:335px : chiều rộng của 2 cột widget
- height:325px : chiều cao của 2 cột widget
<div id='main-wrapper'>
<div id='itech2column-wrapper'>
<div id='itech2columnleft-wrapper'>
<b:section class='itech2column' id='itech2columnleft' preferred='yes'/>
</div>
<div id='itech2columnright-wrapper'>
<b:section class='itech2column' id='itech2columnright' preferred='yes'/>
</div>
<div style='clear:both'/>
</div>
Đăng nhận xét