在中间对齐div不起作用

时间:2013-10-22 11:53:49

标签: html css margin text-alignment text-align

网站: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>

2 个答案:

答案 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;