У меня возникли проблемы с сноске моего сайта: http://ow.ly/rko2wiPhone Div Фоновое изображение Центрирование?
Как вы можете видеть на Iphone (в Safari) футер изображение не отображается правильно и охватывает ширину сайта.
Это код сноске:
<div class="footer">
<div style="width:1100px;height:118px;margin:auto;">
<div id="mc_embed_signup">
<form action="http://SaveWithPride.us7.list-manage.com/subscribe/post?u=0beccc5a2d913b0527a748edc&id=cb6e398bc5" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<input type="email" value="" name="EMAIL" class="email footer-field" id="mce-EMAIL" placeholder="enter your text" onfocus="this.placeholder = ''" onblur="this.placeholder = 'enter your text'" required>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button footer-submit"></div>
</form>
</div>
<div style="width:334px;height:118px;float:right;background:transparent;"><div class="socialtext">save with pride, socially:</div><div class="twitter"></div><div class="facebook"></div><div class="footertext">© 2013 SaveWithPride.com  All Rights Reserved.  <a href="adamdworak.com">Design by A/D</a></div></div>
</div>
И CSS:
.footer {
width:100%;
height:118px;
background: #000000 url(../images/footer.png) top center !important;
margin:70px auto 0 auto;
}
Кто-нибудь знает, что я здесь делаю неправильно? Фон нижнего колонтитула (как он теперь появляется) не растягивается до края броузера на iphone и кажется его не центрированным. Я пытаюсь получить его в центре и на 100% ширину, как это показано на моем компьютере.
Downvote для неприемлемого языка, быть гражданским. – crafter