Удалить необъяснимый разрыв строки под кнопкой отправки? - PullRequest
Новая
       20

Удалить необъяснимый разрыв строки под кнопкой отправки?

0 голосов
/ 08 февраля 2011

, работая над макетом простого сайта, который я делаю, я столкнулся с действительно раздражающей проблемой, которую я просто не могу найти причину!Я понятия не имею, как удалить разрыв строки под моей кнопкой отправки , увеличивая делитель, в котором он находится вниз.

Я упростил страницу так же, как яможет, хотя там все еще могут быть некоторые ненужные элементы.

Любая помощь будет высоко ценится!

Ответы [ 3 ]

5 голосов
/ 08 февраля 2011 
form {
    margin: 0
}

Это все, что вам нужно.

Хорошо, я соврал: это все, что вам нужно для Firefox / Chrome.

У вас есть: 

<form action="something.php" 1 method="post">
                             ^ get rid of that 1

В IE вам необходим современный тип документа, такой как <!DOCTYPE html>, чтобы вывести его из режима Quirks.

В любом случае вы должны добавить тип документа.

2 голосов
/ 08 февраля 2011

Ваш form элемент имеет margin-bottom из 1em, что толкает его родительский div вниз на эту величину.

Удалите поле, и вы должны быть в порядке.

1 голос
/ 08 февраля 2011

Просто добавьте: 

form {
   margin: 0;
}

Вы действительно должны использовать сброс CSS, есть много хороших, например, версия сброса Эрика Мейера 2011 года http://meyerweb.com/eric/tools/css/reset/.

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

...