Comments on: Sayfa İçeriğini Dikey Ortalama

By: ozan

ozan — Fri, 23 Sep 2011 20:13:10 +0000

Süpersin.

By: Emre Kıyak

Emre Kıyak — Thu, 18 Mar 2010 14:07:51 +0000

teşekkürler. ben javascript ile denemeden doğrudan 2. yorumdaki gibi denedim ve çalıştı.

By: blablaba

blablaba — Fri, 20 Nov 2009 20:15:42 +0000

abicim süper yazı. eline sağlık. sitemde kulllandım.
anatar kelime yazayım:

“css div sayfaya dikey ortalama”

By: Gözde Berberoğlu

Gözde Berberoğlu — Wed, 04 Nov 2009 15:56:41 +0000

@Mesut Aydın evet elementID vermek dikey ortalamanız gereken çok fazla eleman varsa sınırlayıcı olabilir. Ama tek başına bir kapsayıcı alanı ortalamak isterseniz ideal bir çözüm olabilir.
IE6 ve IE7′nin başımızı yeterince ağrıtmasından ve bir de IE8 ile uğraşmamak için artık aşağıdaki emülatörü kullanıyorum.

By: Mesut AYDIN

Mesut AYDIN — Wed, 04 Nov 2009 11:42:25 +0000

Gözde hanım bilgiler için teşekkürler ama ne yazıkki js dosyasından elementID vermemiz gerek bu da bir dezavantaj, ie 8 de tablecell desteği yok peki çözümü ?

By: İbrahim Karakuş

İbrahim Karakuş — Tue, 28 Jul 2009 10:49:17 +0000

Daha önce bu konuya bakmıştım ama pek ilgimi çekmemişti, şimdi kod lazım olunca tekrar bakayım dedim teşekkürler.

By: Gözde Berberoğlu

Gözde Berberoğlu — Sun, 26 Jul 2009 18:21:06 +0000

@W3: İlginize ve yorumunuza teşekkür ederim. Yazdığınız kod keşke tüm tarayıcılar için geçerli olabilseydi. Internet Explorer (IE 8 dahil ) table-cell özelliğini desteklemiyor maalesef. Ayrıca http://www.w3schools.com/css/pr_class_display.asp linkinde "Browser Support" başlığında desteklenmeyen diğer display elemanlarını da görebilirsiniz.

By: W3

W3 — Fri, 24 Jul 2009 18:11:54 +0000

html ve body elemanı

By: W3

W3 — Fri, 24 Jul 2009 18:10:18 +0000

bu dikey ortalama konusunda çok sıkıntı çekmiş kişilerden biri olarak internetsiz kaldığım bir gün açık kaynaklı opera ya da safari (tam hatırlamıyorum hangisiydi) tarayıcılarından birinin kodlarına bakıyodum.
ve dikey ortalama konusunda sadece birkaç satır css ile halledilebilen çok önemli bir kod elde ettim:

html {
display: table;
width: 100%;
height: 100%
}

body {
display: table-cell;
vertical-align: middle;
text-align: center
}

yukarıdaki kod elemanını tablo gibi ve elemanını da bir tablo hücresi gibi kullanabilmemizi sağlıyor.
dikey ortalamışken yatay da ortalayalım diye “text-align: center”ı da koda ekledim eğer yatay olarak ortada olmayacaksa bunu kaldırabilirsiniz.
kolay gelsin herkese..

By: ErTr

ErTr — Tue, 19 May 2009 23:50:33 +0000

iyi paylaşım.. 5/5