KianHome - Masalah yang terjadi dengan tinggi ataupun lebar sebuah kolom sebagian besar teman-teman blogger pernah mengalaminya kan??.

Postingan kali ini akan membahas mengenai "cara mensejajarkan tinggi dan lebar sebuah kolom widget" dengan CSS code. Kita akan langsung mulai pembahasannya dengan menambahkan kode dibawah ini,

word-wrap: break-word;
overflow: hidden;

Tambahkan kode tersebut pada kode CSS kolom yang akan sobat buat sejajar atau sama tinggi.contoh, kita ambil kode pada sidebar blog,

#leftsidebar{
height: 190px;
float: left;
margin:0px 10px 0px 0px;
}
#rightsidebar {
height: 200px;
float: left;
margin:0px 5px 0px 0px;
}

Dari contoh kode diatas kita tambahkan kode yang diatas, sehingga menjadi:

#leftsidebar{
height: 200px;
float: left;
margin:0px 10px 0px 0px;
word-wrap: break-word;
overflow: hidden;
}
#rightsidebar {
height: 200px;
float: left;
margin:0px 5px 0px 0px;
word-wrap: break-word;
overflow: hidden;
}

Namun ada yang perlu diperhatikan bahwa, untuk membuat tinggi dari kolom itu sejajar maka kita harus menerapkan tinggi yang sama pula untuk masing-masing kolom. Sebagai contoh jika tinggi pada kolom 1 adalah "200px;", maka pada kolom ke-2 dan seterusnya juga menggunakan tinggi yang sama, yakni "200px;" juga.

Kode diatas berlaku juga untuk mengatur lebar sebuah kolom agar sama, yang perlu diperhatikan adalah menentukan lebar kolom yang sama dari masing-masing widget. Semoga bisa bermanfaat.