0

ウェブサイト: 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>
4

2 に答える 2

1

問題は、含まれている div だけが含まspan4れているため、内側の div を中央に配置できないことです。

それを span12 に変更し、 custom を削除しますwidth。実際、完全な.ma-footer .socialcss 宣言は必要ありません。

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

代わりに、 に追加width: 500px;.footer-subscribeます。

于 2013-10-22T12:04:20.743 に答える
0

float: none;およびmargin: auto;要素のセット.row-fluid show-grid(ニュースレターがある場所)。今ではfloat: left;と がありmargin-left: 0;ます。

于 2013-10-22T12:00:06.327 に答える