Websitelerinde css kullanarak 2 sütun oluşturmanın bir çok yolu vardır. Bu yazımda sizlere bunlardan birtanesini anlatmak istedim. Burada verilen kodu sitenizde header yada footer kısımlarına ekleyerek istediğiniz sütunları elde edebilirsiniz.

Html Kodu

2 sütunlu website tasarımı yapmak için kullanacağımız kodların html kısmı. Sadece 2 adet basit div bloktan oluşuyor ve her biri farklı sütunu oluşturuyor.

<div id="container">
  <div id="navbar">Navigasyon</div>
  <div id="content">İçerik buraya</div>
</div>

Css Kodu

Buda sütunları oluşturmak için gerekli olan kodların css kısmı. Ancak farklı tarayıcılarda farklı boyutlarda olmaması için dikkatli olmalısınız.

#content {
  margin-left:  20%;
}
#navbar {
  float: left;
  width: 20%;
}

Gördüğünüz üzere 2 basit kod sayesinde 2 sütunlu bir websitesi tasarımı yapabilirsiniz. Umarım istediğinize ulaşmışsınızdır.