2013-03-26 15 views
8

Altbilgiyi sayfanın altına ortalamakta sorun yaşıyorum. İşte benim kodAltbilgi merkezini sayfanın altına nasıl yapabilirim?

footer { 
background-color: #FFF; 
position:fixed; 
bottom: 0px; 
width: 400px; 
text-align: center; 
} 
<footer align="center"> 
    <p>March 25, 2</p> 
</footer> 
+0

Tüm sayfanın kodunu veya en azından biraz daha fazlasını verebilir misiniz? Örneğin, altbilginiz ne olursa, ne kadar sarılmış? – vtacreative

+0

Altbilgi kabının merkez olmasını veya altbilgi etiketinin merkez olmasını ister misiniz? İstediğiniz görünüşün görüntüsünü vermeye çalışın. – Dhwani

+0

Ve "altbilginin sayfanın altına ortalanması" ile * metni * veya * kabın merkezini * ortalamak mı istiyorsunuz? Ya da her ikisi de? – vtacreative

cevap

13

Sadece set genişliği

width: 100%; 
+0

Teşekkürler. Mükemmel çalıştı. –

+0

Cevabınızı bulduktan sonra cevap olarak kabul etmenizi rica ederiz. –

0

VEYA Bu koda altbilgi bir kap verip uygulayabilir% 100:

HTML:

<footer> 
    <div class="footer"> 
    lorem ipsum dolor 
    </div> 
<footer> 

CSS :

footer{ 
    bottom: 0; 
    position: fixed; 
    width: 100%; 
} 

.footer { 
    background: blue; 
    height: 100px; 
    margin: auto; 
    width: 400px; 
    text-align:center; 
    padding:10px; 
    color:#ffffff; 
} 
Fiddle

Bağlantı: http://jsfiddle.net/qdVbR/174/

1

Shabbir Lakdawala cevabı seçenek biridir ancak footer içine floated öğesi örten sadece 'div' eklemek sarıcı

html

<div class="footerWrap"> 
    <div class="footer"> 
     <div class="footerContent"> 
     <p>Lorem Ipsum dolor</p> 
     </div>  
    </div> 
</div> 

css

.footerWrap { 
    width:100%; 
    position:fixed; 
    bottom: 0px; 
} 
.footer { 
    width:400px; 
    margin:auto; 
} 
.footerContent { 
    float:left; 
    width:100%; 
    background-color:#555; 
    padding:20px 0; 
} 
.footer p {float:left; width:100%; text-align:center; } 

demo

İlgili konular