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

  • karneson

    karneson

    23 Temmuz 2006
  • Pepsi

    Pepsi

    1 Kasım 2005
  • SellerDp

    SellerDp

    27 EKİM 2009