css форма макета странность

Question

Может кто-нибудь сказать, почему форма в этом месте не соответствует макету? Я хочу метку слева и форму ввода справа. Макет не отображается правильно в Chrome 16.0 * или Safari 5.1.1, но отображается правильно в Firefox 8. Должно быть что-то простое, что мне не хватает, но я могу думать об этом.

Answer 1

У ваших .clearfoats divs нет CSS-файлов.Добавление clear: both на это решает проблему для меня.Я использую Chrome 17 в Mac OS 10.6.8.

Answer 2

У вас есть li в div. Закрытая текстовая область в открывающем теге ' />', а затем вы закрываете его снова с помощью '</textarea>' и, наконец, у вас есть '</a>', но нет открывающего тега. Исправьте это сначала. Кстати, это не работает в FF на окнах.

Answer 3

Из того, что я могу сказать, потому что все плавающее влево без очистки, тогда, если пространство отображается в другом браузере по-другому, то все будет сброшено.Лучше всего ставить clear:left после каждой комбинации метка / поле ввода.

Похоже, что если вы добавляете ваш div clearfloats после каждой группы, это должно исправить это.