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

  • Gigawipf

    Gigawipf

    18 ŞUBAT 2010
  • Kanál používateľa McsFuego

    Kanál použ

    12 EKİM 2011
  • SRI International

    SRI Internat

    30 NİSAN 2008