Css İpucu: Sayfa Üzerinde Sabit Alanlar Oluşturmak

Tasarım, Xhtml/Css | | 9 Ocak 2009

Rss okuyucumda kısa bir süre önce David Walsh‘ın yaptığı Css ile sabit div pozisyonlama gönderisini gördüm. Çok hoşuma gitti sizlerle Css ipucu olarak paylaşmak istedim.

Css ile oluşturduğumuz bir sınıfı arkaplanda sabit olarak göstermek için Css stil dosyamıza şu kodu girmemiz yeterli;

.element { position:fixed; top:2%; right:2%;}

Bu kodu ekledikten sonra Xhtml/Html sayfamızda çağırmak içinse;

<div class=”element”>Sabit div içinde yer alacak metnimiz</div>

kodunu kullanmamız gerekiyor. Böylelikle “element” ismiyle oluşturduğumuz sınıf position:fixed parametresi sayesinde arkaplanda sabit olarak kalacak. Sayfanız aşağı doğru inse bile sabit şekilde görünmeye devam edecek. Daha önce de sitemizde sabit arkaplanlar oluşturmayla ilgili bir makale yayınlamıştık. Bu da sizin için faydalı olabilir.

Rastgele Yazılar

Bu yazı , , , , , kelimeleriyle etiketlenmiştir. Bu yazıyı beğendiyseniz Delicious, Twitter, Facebook gibi sitelerde paylaşabilirsiniz. Yazılarımızı düzenli olarak takip etmek içinse Rss abonemiz olabilirsiniz.

Css İpucu: Sayfa Üzerinde Sabit Alanlar Oluşturmak yazısı için 4 yorum yapılmış...

  1. sinan diyor ki:

    Gerçekten çok hoşuma gitti benimde. Ajax ile de süsler güzel bir login paneli yapabiliriz.

  2. Web Öğrencisi diyor ki:

    IE6 da çalışsa süper olucak.. CSS e js eklemek gerekiyor. :(

  3. bloglarr diyor ki:

    evet güzel olmuş beğendim

  4. alim ömer abul diyor ki:

    gerçekten çok hoşuma gitti. üst ve alt menulerı sabıt tutmak ıcın bırebır..

Yorumunuzu Yazın