Cara mengatur lebar tampilan blog

Setelah anda memasuki menu edit HTML akan ada tampilan sejumlah kode html.
Pada bagian ini mengatur lebar bagian header:
#header-wrapper {
width:730px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Pada bagian ini mengatur lebar dibawah bagian header:
#outer-wrapper {
width: 730px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

Pada bagian ini mengatur lebar bagian bagian posting:
#main-wrapper {
width: 470px;
float: $startSide;
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 */
}

Pada bagian ini mengatur lebar bagian sisi posting:
#sidebar-wrapper {
width: 220px;
float: $endSide;
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 */
}

Pada bagian ini mengatur lebar bagian paling bawah blog:
#footer {
width:730px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:normal;
letter-spacing:.1em;
text-align: center;
}

Pada template yang hanya menampilkan 2 kolom perlu diambil patokan yang akan digunakan untuk melebarkan luas tampilan blog.
lihat angka pixel yang berwarna hijau pada html diatas,
jumlah kedua angka tersebut sebaiknya tidak melebihi angka pixel yang berwarna merah, kalau angka tersebut tidak singkron maka akan menggangu tampilan blog ketika memasuki menu layout.
Jagalah jarak tersebut dengan teliti akan tidak saling tabrakan
Selamat mencoba