jQuery Dikey Ortalama

  • Konuyu başlatan Konuyu başlatan cngzkyz
  • Başlangıç tarihi Başlangıç tarihi

cngzkyz

Müdavim
Müdavim
Katılım
28 Temmuz 2012
Mesajlar
2,855
Reaksiyon puanı
276
Puanları
263
Merhaba arkadaşlar,

Bazı statik tasarımlarımızda sayfa içeriğini estetik açısından dikey (yeniden boyutlandırarak) ortalamak isteyebiliriz.

Bunun için kullanacağımız kodlar:

<head> tagları arasına bu kodları yazıyoruz.

Kod:
<head>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"><!--mce:2--></script>
<script type="text/javascript">
    $(document).ready(function(){
 dikeyOrtala();
 
});
 
$(window).bind('resize',function(){
 dikeyOrtala();
});
 
function dikeyOrtala()
{
 var yukseklik = $('#ortalamak istediğimiz div tagı').height();
 var ekranYuksekligi = window.innerHeight;
 if(ekranYuksekligi > yukseklik)
 {
 var margin = Math.round((ekranYuksekligi - yukseklik) /2);
 $('#ortalamak istediğimiz div tagı').css('marginTop', margin);
 }
 else
 {
 $('#ortalamak istediğimiz div tagı').css('marginTop', 0);
 }
}
</script>
</head>

<body> tagları arasına ortalamak istediğimiz div tagı gelecek.

Kod:
......
<body>
<div id="ortalamak istediğimiz div tagı">İÇERİK</div>
</body>

Ortalayacağımız div tagına stil sayfamızda yükseklik vermeyi unutmuyoruz tabi ki :)
 
Üst