การจัด layout ด้วย CSS ให้ PC และ NB แสดงผลในสัดส่วนที่เหมาะสมเท่ากันครับ

body {
    margin:auto 0px;
    width:auto;
}

#page {
    width:100%;
    max-width: 1600px;
    overflow:hidden;
    margin:0 auto;
}

#page-content {
    clear: both;
    overflow: hidden;
    position: relative;
    width: 100%;
}

/* @group Pre and Post */

#page-content #region-main-box {
    float: left;
    margin-left: -[[setting:regionwidth]];
    position: relative;
    width: 200%;
    right: 100%;
}

#page-content #region-post-box {
    float: left;
    margin-left: -[[setting:regionwidth]];
    width: 100%;
    border-right: 2px solid #98bcd6;
    background: url([[pix:theme|top_bg]]) repeat-x top #fff;
}

#page-content #region-main-wrap {
    float: left;
    width: 50%;
}

#page-content #region-main {
    overflow: hidden;
    position: relative;
    margin-left: [[setting:regionwidthdouble]];
    left: 100%;
}

#page-content #region-pre {
    float: right;
    position: relative;
    left: [[setting:leftregionwidthmargin]];
    width: [[setting:regionwidth]];
    background: transparent;
}

#page-content #region-post {
    float: right;
    position: relative;
    left: [[setting:rightregionwidthmargin]];
    width: [[setting:regionwidth]];
    background: transparent;
}

#page-content #region-main .region-content {
    overflow: hidden;
    margin: 20px;
    padding-bottom: 20px;
}

#page-content #region-pre .region-content,
#page-content #region-post .region-content {
    overflow: hidden;
    padding: 20px 10px;
}

#page-footer {
    clear: both;
    float: left;
    width: 100%;
    }

อีกไฟล์นึงคือ 
#page-header {
    background:#97d3f4 url([[pix:theme|header]]) no-repeat top right;
    margin-bottom: 0px;
    height: 89px;/*89 ความสูงของ hearder*/
    border-bottom: 1px solid #fff;

#page-footer{
    padding: 20px 0 30px;
    clear: both;
    background: url([[pix:theme|footer]]) no-repeat top right #dfdfdf;
    margin-top: 0px;
    border: 1px solid #98bcd6;
    border-top: 5px solid #98bcd6;
    height: 75px;
}