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