jQuery Dikey Ortalama

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.

<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.

......
<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 :)