DIV сосредоточен в Desktop браузерах, а не на iPhone - почему?

Привет. Я работаю над очень простой страницей, на которой размещена форма регистрации AWeber, намереваясь просматривать ее на мобильных устройствах. Это здесь:

http://radionowheremusic.com/phase2.html

На моем MacBook div, содержащий форму, сосредоточен на странице; при просмотре в Chrome или Safari на iPhone 5, однако, он перекосился вправо.

Я пробовал все виды позиционирования и центрирования трюков CSS, но ни один из них не работал. Фактически, почти весь разнообразный набор подходов не имел никакого эффекта, что привело меня к мысли, что в коде есть что-то внизу, которое я не вижу/не могу понять. Наверное, что-то очень простое. Любой вход был бы велик - спасибо!

1 ответ

margin:0 auto будет центрировать форму.

Удалите прокладку 20px из корпуса. Ваш iDevice подталкивает вашу форму 20px вправо.

licensed under cc by-sa 3.0 with attribution.