Bagaimana membuat tampilan website dua kolom yang fleksibel? Yang saya maksud tampilan yang fleksibel adalah tampilan website yang bisa melebar dan menyempit sesuai dengan ukuran layar browser. Dengan menggunakan tabel masalah ini dengan mudah ditangani, tetapi bagaiman jika tidak menggunakan tabel? sesuai dengan tren desain saat ini yaitu tableless alias tanpa table. Hal inilah yang akan saya bahas pada tulisan ini.

Misalnya kita akan membuat tampilan website dengan dua kolom fleksibel yang dilengkapi dengan header dan footer dan area utama berada di sisi kanan seperti pada gambar berikut.

Untuk membuat dua kolom yang fleksibel kita bisa menggunakan margin negatif. Margin negatif memungkinkan area utama menjauh dari sisi browser dan memberikan tempat untuk bagian samping (sidebar). Read more »