Web sayfamızda belli bir yerde sürekli sabit duracak bir katman olmasını isteyebiliriz.Yani kaydırma çubuğundan etkilenmiyecek sabit bir katman.Bu web sitemizin menüsüde olabilir veya alışık olduğumuz ve sıkça karşılaştığımız gibi bir reklam banner ı da olabilir.Bunu yapmak için DIV katmanından faydalanacağız.Kodumuz aşağıdaki gibidir:

 <div style="position:fixed;top:35px;left:40px">
    <img src="burak.gif" alt="burak" />
</div>

 Bildiğiniz gibi img src kısmında resmin yolunu belirtiyoruz.Ben örnek olsun diye resim kullandım.O kısımda istediğiniz html kodunu kullanabilirsiniz.

position:fixed özelliğiyle resimin belli bir yerde sabit kalacağını belirtiyoruz. top:35px ve left:40px özellikleri ile de resmin hangi pozisyonda sabit kalacağını belirtiyoruz.Yukarıya 35px, sol tarafa ise 40px mesafede olacağını söyledik.

Not:Bu vermiş olduğum kod sadece IE 7 ve üstü sürümlerde ayrıca Firefox 2 ve üstü sürümlerde çalışmaktadır.

Kolay gelsin... 

Web projeleri yaparken tasarım kısmında en çok karşılaştığımız sorunlardan biriside sitemizi farklı browserlarda aynı görünmesini sağlamaktır.Bu biraz can sıkıcı bir durum.Ama bununda bir çözümü var.

<style>

@import url("/iexplorer.css");

</style>

Yukarıdaki şekilde sayfaya css dosyamızı yükleyebiliyoruz.Ama browserın internet explorer veya firefox olduğunu bilmiyoruz.Onu anlamak içinde aşağıdaki kodu kullanıyoruz.

 <!--[if IE]>

<style>

@import url("/iexplorer.css");

</style>

<![endif]-->

Normalde <!-- ve -->  kodları arasında kalan kısımlar açıklama satırı yapılmış sayılır.Yani çalışmaz.Ama tarayıcı internet explorer ise ilk satırdaki if IE kısmını okuyacaktır ve çalıştıracaktır.Firefox da ise çalışmayacaktır.