Странный вертикальный разрыв в IE6 и IE7 в моей форме при использовании CSS для макета

Question

Благодаря Джонатану Аменду, CSS теперь исправлен в iebug.html ниже.

Трудно действительно объяснить эту проблему, не рассматривая ее в IE6 или IE7, но в любом случае, если вы посмотрите на следующие страницы IE6 и 7, вы увидите рядом с «отправить мне брошюру» и «я бы как дополнительная информация о (отметьте один или несколько флажков) «флажки и их метки по каким-то причинам были таинственно сдвинуты или опущены:

http://sonic.huntinternet.com/iebug.html

Я пытался изменить поля и отступы для всех своих элементов до 0, но это не влияет на IE6 и 7 - это значит, что я думаю, что это какая-то ошибка ... однако у меня нет достаточного опыта, чтобы знать, какая ошибка даже искать такой указатель, было бы неплохо.

К вашему сведению, я использовал руководство на сайте sitepoint, в котором предлагалось использовать вложенные списки, но на самом деле это не должно иметь никакого значения. И xhtml, и css действительны в соответствии с валидатором w3c.

Спасибо за вашу помощь! Джон.

Answer 1

Add * display: inline-block;на ваш. запрос-форму ol li.Это распространенная ошибка, связанная с тем, что IE 6/7 очищает элементы списка (по умолчанию блокирующие элементы) на новых строках.

Answer 2

Для этого его снимают, потому что ваша плавающая метка имеет длину в две строки, поэтому OL выравнивает свое верхнее положение по верху второй строки.чтобы заставить OL всплывать влево.Это, конечно, потребует, чтобы каждый LI имел стили clearfix (стили для clearfix можно найти здесь: http://net.tutsplus.com/tutorials/html-css-techniques/css-fudamentals-containing-children/).