Altbilgi Merkezleme Yardım

Question

İnanıyorum ki çok basit bir soru var. Ana sayfama ve tüm alt sayfalara koyduğum bir footer.php dosyası var (bunu kolaylaştırmak için altbilgiyi bir konumda değiştirebilirim). Ve ben tarayıcı penceresinin boyutu ne olursa olsun, altbilginin sabit genişliğin merkezinde kalması için yapmaya çalışıyorum. Örneğin, sayfalarımın 950 piksel genişliğinde olmasını ve altbilginin her zaman merkezde olmasını istiyorum. Böylece, tarayıcıyı küçük boyutta yeniden boyutlandırdığımda bile, altbilgiyi BOŞALTIM, ardından yeniden boyutlandırılan pencereyle taşımaya devam eder. Apple.coms altbilgisine çok benziyor.

Basitçe width: 950px ve margin-left:auto; margin-right:auto; set Yardımlarınız

Answer 1

#footer-container { 
    /* centering for IE */ 
    text-align: center; 
} 
#footer { 
    width: 950px; 
    /* undo text-align on container */ 
    text-align: left; 
    /* centering for other browsers */ 
    margin: auto; 
} 

---

Düzenleme: ben değil çünkü bunları diğer bazı çözümlerle ilgili Bu yorumu koyarak, ama silindi' hepsine kopyalamak/yapıştırmak istiyorum. Sadece margin: auto'un IE'nin daha eski sürümlerinde çalışmadığını lütfen unutmayın, bu durumda altbilgiyi ortada hizalamak istiyorsanız, bende olduğu gibi bazı yuvaları yapmanız gerekir.

html & php:

Answer 2

için teşekkür ederiz.

auto sol/sağ kenar boşlukları ile <div> ortalanır. Tarayıcının boyutu, kaydırma işleminin gerekli olduğu noktaya indiğinde, tarayıcı 'u küçültmez, sadece içeriğiniz için gerekli olan sol/sağ kaydırma işlemini gerektirir.

Answer 3

sadece bunu vermek ardından Altbilginin width kurmak ve gereken margin:0 auto nerede 0 üst ve alt kenar boşlukları için standları ve auto sol ve sağ içindir.

<div id="footer-container"> 
    <div id="footer"> 
     Footer stuff 
    </div> 
</div> 

Ve CSS'nizde: İşaretlemenize olarak

Answer 4

Sana CSS birazcık çözmek düşünüyorum

<div id="footer"> 
<?php include("footer.php"); ?> 
</div> 

CSS: Bu yardımcı olur

#footer { 
margin: 0 auto; 
text-align: center; 
} 

Umut!