网站:http://speelgoedwinkelxl.nl/
我无法让底部div在中心对齐
这是女巫Meld je 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>
答案 0 :(得分:1)
问题是你的包含div只有span4
,这使得内部div无法居中。
然后将其更改为span12并删除自定义width
。实际上,不需要完整的.ma-footer .social
css声明。
<div class="social span12">
...
</div>
相反,请将width: 500px;
添加到.footer-subscribe
。
答案 1 :(得分:0)
设置元素float: none;
的{{1}}和margin: auto;
(您的简报所在的位置)。现在它有一个.row-fluid show-grid
和一个float: left;
。