Yazar Ol Yazar Girişi
Yazar Girişi
E-Posta Adresi
Şifre
Şifremi Unuttum
Asp.Net .Net MVC PHP & MySQL C# PhotoShop CSS jQuery AlgoritmA MsSQL Server HTML Ruby
- Kategoriler -
Türkçe
English
German
Tüm Kategoriler
Footer Alanını Sayfa Altında Sabitleme

Merhaba arkadaşlar sitelerimizde kullandığımız footer alanını sayfa altına sabitlemek için gerekl css kodları aşağıdaki gibidir.

<style type="text/css">
html, body {
   margin:0;
   height:100%;
}
#tamcerceve {
   min-height:100%;
   position:relative;
}

#ortaAlan{
   padding:10px;
   padding-bottom:120px;   /* footer yüksekliği */
}
#altfooter {
   position:absolute;
   bottom:0;
   width:100%;
   height:120px;   /* footer yüksekliği */
   background:#6cf;
   text-align:center;
}


</style>

ortaalan ile altfooter id lerinde vermiş olduğumuz yükseklik eşit olmak zorunda ki footer orta alanda bulunan verilerin üzerine gelmesin.

sayfada kullandığımız div yapısı ise 

<div id="tamcerceve">

<div id="ortaAlan">
  <p>www.bildiklerimiz.net</p>
</div>

<div id="altfooter">Merhaba alt alan</div>

</div>

umarım yararlı olmuştur.

 

Sosyal Hesabında Paylaş

20159 görüntüleme

Yorumlar
Adınız Soyadınız
Mail Adresiniz
Doğrulama Kodu

Bildiklerimiz.Net Bildiklerimizi paylaşıyoruz, bilmediklerimizi öğreniyoruz. biz bunları yapıyoruz ya siz...

© 2019 Bildiklerimiz Tüm hakları saklıdır.
bir Bildiklerimiz.Net projesidir.