- 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.
<body> tagları arasına ortalamak istediğimiz div tagı gelecek.
Ortalayacağımız div tagına stil sayfamızda yükseklik vermeyi unutmuyoruz tabi ki
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
