Проблемы с выравниванием с формой ввода

Я добавил небольшое текстовое поле для подписки на подписку на нижний колонтитул моего веб-сайта, и у меня возникли проблемы с выравниванием.Проблемы с выравниванием с формой ввода

Код формы по себе:http://liveweave.com/hAK1q6

Как это выглядит на свой: код

enter image description here

Footer после добавления формы к нему:http://liveweave.com/k3L5h7

Sw приспичило Split V или режиме просмотра полностью увидеть FOOTER PreView

Alignment вопрос:

enter image description here

Как вы можете видеть, отступы появляется все облажались в фоновом режиме, и общая форма также не выравнивается по центру.

Как исправить эти проблемы?

источник

2013-07-09 Ahmad

'form' не принимая dimesions из дочерних элементов. вы должны использовать свойство 'float' для его решения на теге Form. –

Я тоже заметил первое. Как я могу заставить 'Form' брать размеры своих дочерних элементов? Кроме того, где конкретно вы предлагаете использовать «float»? – Ahmad

Вам нужно указать размер элементов, так как вы их плаваете. – Callombert

введите form-wrapper cf `дисплей: блок; это решит (в основном) проблема появление

и послесловий изменить некоторые margin и padding элементов

источник

2013-07-09 11:46:18 Pumpkinpro

Спасибо! Установите маржу в auto, и она решила проблему с пустым интервалом! – Ahmad

Уменьшение значения полей в margin: 150px auto 50px auto из .form-wrapper класса и дать float: left или display свойства. таких как block или inline-block.

источник

2013-07-09 11:46:24

Добавить этот стиль в .form-wrapper

margin: 0 auto; 
display: block;

Проверьте это здесь http://liveweave.com/d4cUjW.

скриншот:

enter image description here

источник

2013-07-09 11:47:03 Praveen

Проблемы с выравниванием с формой ввода

ответ

Смежные вопросы