Aliging中間一個div不起作用

Question

網站：http://speelgoedwinkelxl.nl/

我不能讓底部DIV在中心

對準它的一部分巫婆說MELD濟AAN VOOR的Onze nieuwsbrief

我試圖使用margin：0 auto;和text-align：center;但兩者都不起作用。

該代碼是從Magento模板，但我找不到爲什麼我不能讓它居中。

<div class="ma-footer-static-container-bottom1"> 
     <div class="ma-footer-static"> 
      <div class="row-fluid show-grid"> 
       <div class="social span4"> 
<div><div class="footer-subscribe"> 
    <div class="block-title"> 
     <strong><span>Meld je aan voor onze nieuwsbrief</span></strong> 
    </div> 
    <form action="http://speelgoedwinkelxl.nl/newsletter/subscriber/new/" method="post" id="newsletter-validate-detail"> 
     <div class="newsletter-content"> 
      <div class="form-subscribe-header"> 
       <!--<label for="newsletter"></label>--> 
      </div> 
      <div class="input-box"> 
       <input type="text" name="email" id="newsletter" title="Meld je aan voor onze nieuwsbrief" class="input-text required-entry validate-email"> 
      </div> 
      <div class="actions"> 
       <button type="submit" title="Inschrijven" class="button"><span><span></span></span></button> 
      </div> 
     </div> 
    </form> 
    <script type="text/javascript"> 
    //<![CDATA[ 
     var newsletterSubscriberFormDetail = new VarienForm('newsletter-validate-detail'); 
    //]]> 
    </script> 
</div> 
</div> 
</div>   </div> 
     </div> 
    </div> 

Answer 1

問題是你的div只有span4這使得內部div不可能居中。

因此改變爲span12並刪除自定義width。實際上，完整的.ma-footer .social css聲明不是必需的。

<div class="social span12"> 
    ... 
</div> 

相反，加width: 500px;到.footer-subscribe。

Answer 2

集float: none;和元素.row-fluid show-grid（您的通訊有）的margin: auto;。現在它有一個float: left;和一個margin-left: 0;。