Template Size

Blog template ကိုျပင္တဲ့အခါ outer-wrapper:980px; ထားတာၾကည့္ရတာအဆင္ေျပပါတယ္။

3 column template ဆိုရင္
#main {
width:460px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#left-sidebar {
width: 240px;
float: left;
color: $sidebarTextColor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#right-sidebar {
width: 240px;
float: right;
color: $sidebarTextColor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
ထားရင္ၾကည့္ရတာေကာင္းပါတယ္။
2 column template ဆိုရင္ေတာ့
#content-wrapper {
margin: 0 2%;
width: 980px;
padding: 0 0 15px;
font: Zawgyi-One;
text-align: left;
background-color: #000000;
border-top: 0;
}
#main-wrapper {
margin-left: 1%;
width: 640px;
padding:5px;
float: left;
background-color: #000000;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
margin-right: 1%;
width: 300px;
padding:5px;
float: right;
background-color: #000000;
display: inline; /* fix for doubling margin in IE */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

အဲဒီလိုိူထားၾကည့္ဗ်ာ။