Любая причина, почему я получаю дополнительный интервал под .. IE6-7?

Question

Есть ли причины, по которым я получаю дополнительный интервал под каждым вводом в моей контактной форме?

Это происходит только в ie6 и ie7

http://nhbs.bythepixel.com/contact.html

Answer 1

возможно, новые строки ... т.е. пытается печатать "whitechars" между тегами

Answer 2

IE иногда рассматривает пробелы (текстовые узлы) как занимающие пространство среди плавающих элементов. Не волнуйтесь, когда я предлагаю это, но вы рассматривали возможность размещения элементов input в table? Да, макеты на основе таблиц ужасны, за исключением того, что в этом случае ваш контент фактически размещен в таблице, поэтому он будет совершенно уместен.

Answer 3

Добавление этого на страницу (или перемещение стиля в таблицу стилей только для IE), и решит вашу проблему:

<!--[if lte IE 7]>
<style type="text/css" media="screen">
  #contactform { height: 1% }
</style>
<![endif]-->

Рабочий пример здесь (Просмотр в IE6 или IE7)

Answer 4

Я тестировал. Просто используйте этот код для IE в условной таблице стилей, если вы используете

FORM#contactform .input { margin-bottom: -11px; }

или вставьте прямо в голову, как этот код

<!--[if lte IE 7]>
<style type="text/css" media="screen">
 FORM#contactform .input { margin-bottom: -11px; }
</style>
<![endif]-->

Это ошибка IE, вы можете увидеть более подробную информацию здесь:

http://www.positioniseverything.net/explorer/inherited_margin.html

http://forums.devshed.com/css-help-116/margin-bug-in-ie7-a-kind-of-the-double-margin-548527.html