CSS ile çerçeveleri hizalayabilir ve div leri birer table hücresi/kolonu gibi kullanabiliriz.

Bunun için kullanacağımız CSS kodu float aldığı değerler ise left, right, none, inherit.

Öncelikle iki tane div i css dosyamız içine tanımlayalım.


Şimdi de html dosyamız içine bu divleri yerleştirelim.



Yukardaki örnek çalıştırıldığında divlerin alt alta geldiğini göreceğiz.
Şimdi tekrar CSS kodlarımıza dönerek float değerlerimizi ayarlayalım.



Html dosyamızı CSS i düzenledikten sonra tekrar çalıştırdığımızda 1 numaralı div'in sola, 2 numaralı div'in ise sağa yaslandığını göreceğiz.

Aynı işlemi tablo çizerekte yapabilirdik ama tablolar hem kod fazlalığı ile hemde aşırı esnek olmaları sebebiyle sürekli sorun yaratabilir. Bundan dolayı CSS in float özelliği ile divleri tablolardan daha güçlü bir şekilde kullanabiliriz.

Kolay Gelsin...

Ziyaretçi olarak yorum yazamazsınız. Üye olmak için tıklayın Üye iseniz giriş yapın.