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, sıvı 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.
Tüm sütunlar yüzdürüldüğünden, bu mizanpaj .container öğesinde clear:both bildirimini 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. Tasarımınız .footer öğesini .container öğesinden kaldırmanızı gerektiriyorsa, 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> eklemek olacaktır. Bu aynı temizleme etkisini sağlar.
Bu mizanpajda logo yerleştirmek isteyebileceğiniz .header öğesinde bir görüntü yer tutucusu kullanılmış. Yer tutucuyu kaldırıp kendi bağlı logonuzla değiştirmeniz önerilir.
SRC alanını kullanarak (yer tutucusunu kaldırmak ve değiştirmek yerine) logo görüntünüzde gezinmek için Özellik Denetimi’ni kullanırsanız satır içi arka planını ve görüntü özelliklerini kaldırmanız gerekir. Bu satır içi stiller yalnızca logo yer tutucusunun tarayıcılarda tanıtım amacıyla görünmesini sağlamak için kullanılır.
Satır içi stilleri kaldırmak için, CSS Stilleri panelinizin Geçerli’ye ayarlı olduğundan emin olun. Görüntüyü seçin ve CSS Stilleri panelinin Özellikler bölmesinde, görüntü ve arka plan özelliklerini sağ tıklatıp silin. (Tabii ki, her zaman doğrudan kodun içine girip satır içi stilleri oradaki yer tutucusu veya görüntüden silebilirsiniz.)
Bu sıvı mizanpajlar iki sorunu düzeltmek için bir Internet Explorer Koşullu Yorumu (IECC) içerir.
Doğal olarak, herhangi bir div’deki arka plan rengi yalnızca içerik uzunluğu boyunca görünür. Bu, bir yan sütun görünümü oluşturmak için bir arka plan rengi veya kenarlık kullanıyorsanız onun altbilgiye kadar uzanmak yerine içerik sonlandığında biteceği anlamına gelir. .content div’i devamlı daha fazla içeriğe sahip olacaksa, onu sütundan ayırmak için .content div’ine bir kenarlık yerleştirebilirsiniz.
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?