Esneme düzenimiz ile esnek bölmeler oluşturmayı kolaylaştırdık. CSS’ye el sürmeden, bölmelerin ne kadar esneyeceğini HTML’den belirlemeyi ve döşeme işinin nasıl yapılacağını öğrenin. Kullanılışı pek kolay olan deveb.css‘in esneme düzeni bildiğiniz işittiğiniz sığ yöntemlerden uzaktır.
Duyarlı nitelikte olan, 0-100 arası değer ile işleyen esneme düzenini ilk kullanışta öğreneceksiniz. HTML’de belirttiğiniz ölçüleri yansıtmak için ikinci bir işlem yapmanıza gerek yok!
Dilediğiniz ende bölmeleri oluşturmaya çok yakınsınız. Hadi başlayalım.
Esneme düzeni, bölme düzenine benzemez. Esneme düzeninde bir değer belirttiğinizde genişliği başka bir öğe ile paylaşıp paylaşmadığına bakılır. Başka bir öğe ile paylaşıyor ise öğenin genişliğine göre esnem ölçüsü bir genişlik belirleyip işler. 0’dan 100’e dek olan sayılar ile esnem değeri oluşturulabilir. “{SAYI}” biçiminde yazılır.
Bir genişlikte iki ayrı bölme oluşturup soldaki bölmeyi sağdaki bölmenin yarı genişliğinde ayarlamak istiyoruz. Bunun için soldaki bölmenin değeri {1}, sağdaki bölmenin değeri {2} olarak ayarlanmalıdır.
<div class="{1}">
<!-- içerik alanı -->
</div>
<div class="{2}">
<!-- içerik alanı -->
</div>