jQuery ile Dikey Ortalama
jQuery ile Dikey Ortalama
Pazartesi, Aralık 14th, 2009 at 17:07
Sabit yüksekliğe sahip ya da yüksekliği belli olmayan bir içeriği, jQuery kodları kullanarak, sayfaya nasıl dikey bir şekilde ortalayabileceğimizi göreceğiz.
Alıntı: http://www.webdeneyimleri.com/jquery-ile-dikey-ortalama
Herkese merhaba, yeni yayın döneminin ilk paylaşımına hoşgeldiniz.
Öncelikle bu paylaşımda sizler ile paylaşacağım jQuery çözümünü, benimle paylaşan iş arkadaşım Onur Özkan’a bir kez daha buradan teşekkkür etmek isterim.
Bu yeni paylaşımda, sabit yüksekliğe sahip ya da yüksekliği belli olmayan bir içeriği, jQuery kodları kullanarak, sayfaya nasıl dikey bir şekilde ortalayabileceğimizi göreceğiz.
Arkadaşlar, HTML ve CSS kodları kullanarak da içeriği sayfaya dikey olarak ortalamak mümkün ve Fatih Hayrioğlu’nun bu konuda, CSS ile Dikey Ortalama, bir paylaşımıda mevcut, bu paylaşımı ve paylaşımda belirtilen kaynakları inceleyerek ilgili çözüm hakkında bilgiler edinebilirsiniz.
Ben jQuery çözümünü tercih ediyorum çünkü;
- Ekstra HTML ve CSS kodları kullanmıyorum
- O tarayıcıda çalışır, bu tarayıcıda çalışmaz gibi bir sıkıntım olmuyor
- Ortalamak istediğim içeriğin yüksekliğini bilmeme gerek yok
Umarım bu paylaşım sizler içinde faydalı olur ve sizin içinde dikey ortalama bir problem olmaktan çıkar. Bir sonraki paylaşımda görüşmek üzere, kolay gelsin.
Opera 10 Sorunu
Arkadaşlar, anladığımız (eBurhan ve ben) kadarı ile, Opera 10, body’nin yüksekliğini pencere yüksekliğine göre değil de, içeriğin yüksekliğine göre hesaplıyor. Bu nedenle Opera 10 da içerik dikey olarak ortalanmıyordu. eBurhan sağolsun şöyle bir çözüm buldu.
En baştaki kodu,
var pencere_yukseklik = $(window).height()
bu kod ile değiştirince,
var pencere_yukseklik = document.documentElement.clientHeight
sorun çözülüyor.