HTM/CSS - Ortalanmış sabit altbilgi

Question

Yapışkan altbilgiyi boşuna ortalamaya çalışıyorum. Bu denedim budur:

HTML:

<div class="footer-be"> 
     <div class="footer-be-middle"> 
      <eGov:EgovReusableContentControl runat="server" id="menuContent" ReusableContentListItemTitle="MasterPage_FooterMenus"/> 
     </div>        
    </div> 

CSS: Ben özelleştirilmiş (in-house) teması ile SharePoint 2013 kullanıyorum

.footer-be { 
     position: fixed; 
     bottom: 0; 
     width: 100%; 
     z-index: 9999; 
     background-color: white !important; 
     font-family: "Calibri"; 
    } 

    .footer-be-middle 
    { 
     text-align: center; 
     height: 100%; 
     overflow: hidden; 
     width: 60%; 
     margin: 0 auto; 


    } 

. Altbilgi parçasını değiştirmek zorunda kaldım (onu kaldır) çünkü kullanıcı her kaydırdığında alt tabana yapıştırılacak altbilgiye ihtiyacım var.

Neyi yanlış yapıyorum?

Answer 1

Her şeyden önce, altbilgi% 100 genişliğe sahipse neden kenar boşluğu var?
böylece kenar boşluklarından kurtulabilirim, bu yüzden sayfanın en altında% 100 geniş bir öğe var.
İkinci olarak, ortalanmış div'a otomatik yatay kenar boşluğu vermek isteyeceksiniz. html:

<div class="footer-be"> 
    <div class="footer-be-middle"> 
    <eGov:EgovReusableContentControl runat="server" id="menuContent" ReusableContentListItemTitle="MasterPage_FooterMenus"/> 
    </div>        
</div> 

CSS:

.footer-be { 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
    z-index: 9999; 
    height: 80px; 
    background-color: red !important; 
    font-family: "Calibri"; 
} 

.footer-be-middle 
{ 
    width: 50%; 
    margin: 0 auto; 

    text-align: center; 
    height: 100%; 
    overflow: hidden; 
    background-color: green; 
} 

keman: kenar çıkarma https://jsfiddle.net/2zr7gr7z/