Talimatlar

Bu mizanpajlara yönelik CSS’nin çok fazla yorum içerdiğini unutmayın. İşinizin çoğunu Tasarım görünümünde yapıyorsanız, sabit mizanpajlar için CSS ile çalışmayla ilgili ipuçları almak için kodu inceleyin. Sitenizi yayınlamadan önce bu yorumları kaldırabilirsiniz. CSS mizanpajlarında kullanılan teknikler hakkında daha fazla bilgi için Adobe'nin Geliştirici Merkezi’ndeki bu makaleyi okuyun - http://www.adobe.com/go/adc_css_layouts.

Temizleme

Tüm sütunlar yüzdürüldüğünden, bu mizanpaj .container öğesinde overflow:hidden öğesini kullanır. Bu temizleme tekniği, .container öğesine yerleştirdiğiniz herhangi bir kenarlık veya arka plan rengini göstermek için .container öğesini sütunların nerede sonlanacağını anlamaya zorlar. .container öğesinin dışına çıkan büyük bir öğeniz varsa, oradan kesilmiş gibi görünür. Ayrıca, .container öğesinin dışındaki öğeleri çekecek negatif değerlerle mutlak konumlama veya negatif kenar boşlukları kullanamazsınız, yoksa onlar da .container öğesinin dışında görünmez.

Bu özellikleri kullanmanız gerekiyorsa, farklı bir temizleme yöntemi kullanmanız gerekir. En güvenilir yöntem, son yüzdürülen sütununuzdan sonra (ancak .container öğesi kapanmadan önce) bir <br class="clearfloat" /> or <div class="clearfloat"></div> eklemektir. Bu aynı temizleme efektini sağlar.

Altbilgi

Sütunları takip eden ancak hala .container öğesinin içinde olan bir altbilgi eklemek, bu overflow:hidden temizleme yönteminin başarısız olmasına sebep olur. Bir .footer öğesini zararlı bir etkisi olmadan ilkinin dışında olan ikinci bir .container öğesine yerleştirebilirsiniz. En basit çözüm, üstbilgi ve altbilgiler içeren bir mizanpajla başlamak ve o mizanpaj türündeki temizleme yöntemlerini kaldırmak olabilir.