Sabit konumlandırma Mutlak Konumlandırmanın
bir alt kategorisidir. Sabit konumlandırılmış elemanın sayfadaki görünümü çok
farklıdır. Bunu özellikle web sayfasında bir elemanın konumunu sabitlemek için
kullanabiliriz. Sabit konumlandırma ile yerleştirilmiş eleman belirtilen yerde
asılı kalacaktır. Web tarayıcısının kaydırma çubuğu aşağı yukarı kaydırılması
ile Sabit Konumlandırma ile yerleştirilmiş elemanın yeri değişmeyecektir ve
sabit kalacaktır (IE 7 strict yorumlayıcısı
kullanılıyorsa destekliyor diğer hallerde desteklemiyor). Sabit konumlandırmayı
sayfanın belli bir alanını sabitleyip diğer alanları bu kısmın yanından,
altından kaydırmak için kullanılır. Bunun için CSS de;
position:fixed kodu kullanılmaktadır.
İlk metodumuz normal konumlandırma
özelliğinin fixed uygulanmış şeklidir.
<head>
<style type="text/css">
body {margin:0;padding:0;}
div#ustKisim {position:fixed;background: gray;color: yellow;height:50px;
width:100%;top:0;left:0;}
div#icerik {margin:75px 0 0 0;}
</style>
</head>
<body>
<div id="ustKisim">Sabit Konumlandırma (position:fixed)</div>
<div id="icerik">
<p> Sabit konumlandırma Mutlak Konumlandırmanın bir
alt kategorisidir. Sabit konumlandırılmış elemanın sayfadaki görünümü çok
farklıdır. Bunu
özellikle web sayfasında bir elemanın konumunu sabitlemek
için kullanabiliriz.</p>
….
</body>
</html>
Hiç yorum yok:
Yorum Gönder