Странная ошибка IE7, вызывающая проблемы с макетом для полей ввода

Question

Вот пример страницы, над которой я работаю: http://rivalroo.benlwilliams.com/create.html

Если вы посмотрите в режиме совместимости IE7 или IE8, вы увидите, что второй и третий столбцы полей ввода, кажется, хотят наследоватьлевый край содержащего div в 100px.Даже если присвоить левому полю поля ввода значение 0, к нему все равно будет применено это таинственное левое поле в 100 пикселей, но оно не отображается в инспекторе IE.

Если я удаляю левое поле столбца div, он выравнивается очень хорошо, поэтому в первом столбце поля расположены правильно.

У кого-нибудь есть решение этой ошибки IE7?

Answer 1

пытались ли вы обернуть элементы формы в другой элемент div без свойств, он должен разорвать "цепочку" hasLayout. то есть гнездо в виде

похожий пост

Answer 2

Я обнаружил, что эта проблема связана с ошибкой IE6 & 7, касающейся has-layout. Если родительский элемент поля формы имеет-layout, то он наследует его поле. Я изменил интервал, предоставленный полем, на отступы, и это решило проблему.

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