중간에 사업부가 웹 사이트

Question

작동하지 않습니다 Aliging : http://speelgoedwinkelxl.nl/

나는 바닥이 중심

으로 정렬 DIV되지 수 그것은 부품 마녀 융합 ì 5 AAN의 voor의 onze의 nieuwsbrief

을 말한다있다

여백을 사용하려고했습니다 : 0 자동; 텍스트 정렬 : 가운데; 그러나 둘 다 작동하지 않습니다.

코드는 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> 

대신 .footer-subscribe에 width: 500px;를 추가합니다.

Answer 2

설정 float: none;

와 (당신의 뉴스 레터에) 요소 .row-fluid show-grid의 margin: auto;. 이제 float: left; 및 margin-left: 0;이 있습니다.