SORU
9 HAZİRAN 2009, Salı


CSS: alt sabit ve ortalanmış

Benim altbilgi merkezi için sayfanın altına ve düzeltilmesi gerekiyor. Sadece kenar boşluğu-sol üzerinden merkezi edemem yani her an değişebilir altbilgi içeriği: xxpx; margin-right: xxpx;

Sorun nedense bu işe yaramazsa

#whatever {
  position: fixed;
  bottom: 0px;
  margin-right: auto;
  margin-left: auto;
}

Web geçtim ve hiçbir şey bulunamadı. Bir kapsayıcı div ve nada yapmaya çalıştım. Diğer kombinasyonlar ve gurnisht çalıştım. Bunu nasıl yapabilirim?

Teşekkürler

CEVAP
9 HAZİRAN 2009, Salı


Bu gibi yapışkan altbilgi bir çözüm kullanmanız gerekir : http://ryanfait.com/sticky-footer/

* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 142px; /* .push must be the same height as .footer */
}

http://www.cssstickyfooter.com/ gibi başkaları da var

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
    margin-top: -150px; /* negative value of footer height */
    height: 150px;
    clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}

html: ile

<div id="wrap">

    <div id="main" class="clearfix">

    </div>

</div>

<div id="footer">

</div>

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Grace Su

    Grace Su

    6 Ocak 2006
  • Michael Zhang

    Michael Zhan

    8 EYLÜL 2012
  • Philip DeFranco

    Philip DeFra

    16 EYLÜL 2006