Веб-сайт: 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>
Проблема в том, что ваш содержащий div имеет только span4
что делает невозможным span4
внутреннего div.
Поэтому измените это на span12 и удалите пользовательскую width
. Фактически, полные .ma-footer.social
css объявления не нужны.
<div class="social span12">
...
</div>
Вместо этого добавьте width: 500px;
.footer-subscribe
.
Set float: none;
и margin: auto;
элементной .row-fluid show-grid
(где находится ваш информационный бюллетень). Теперь он имеет float: left;
и margin-left: 0;
,