Выравнивание div в середине не работает

0

Веб-сайт: http://speelgoedwinkelxl.nl/

Я не могу получить нижний div, выровненный по центру

Это часть ведьмы говорит, что Meld je anan 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
    попробуйте это, в строке custom.css 92 установите ширину: 1121px; и в строке 94 custom.css установить поле слева: 275 пикселей;
Теги:
margin
text-align
text-alignment

2 ответа

1
Лучший ответ

Проблема в том, что ваш содержащий div имеет только span4 что делает невозможным span4 внутреннего div.

Поэтому измените это на span12 и удалите пользовательскую width. Фактически, полные .ma-footer.social css объявления не нужны.

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

Вместо этого добавьте width: 500px; .footer-subscribe.

0

Set float: none; и margin: auto; элементной .row-fluid show-grid (где находится ваш информационный бюллетень). Теперь он имеет float: left; и margin-left: 0; ,

  • 0
    Я добавил это, но это не работает. Я также не вижу поплавок: оставленный на показе сетки жидкости ряда.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню