Наличие странных проблем со встроенными входами в IE

Question

Я строил форму весь день и делал большую часть своей разработки в браузерах webkit из-за хороших инструментов разработчика. Я пошел на тестирование в IE, и у меня есть некоторые действительно странные результаты в отношении того, чтобы иметь 3 столбца делений подряд Я не могу найти решение. Кто-нибудь видел эту проблему раньше (см. Ссылку ниже)?

http://65.61.167.68/form/

Answer 1

Нет ответа на вашу проблему, но для такого рода данных гораздо лучше использовать таблицы вместо div.Div может быть полезным, но не в этом случае.Проверьте следующий пример: http://jsfiddle.net/NtXwQ/

<table>
  <tr>
    <td colspan="2">amount requested</td>
    <td rowspan="2">info<br />text<br />here</td>
  </tr>
  <tr>
    <td>first name</td>
    <td>last name</td>
  </tr>
  <tr>
    <td>zip code</td>
    <td>city</td>
    <td>state</td>
  </tr>
  <tr>
    <td colspan="2">date of birth</td>
    <td>social security no</td>
  </tr>
</table>

Используя CSS, вы можете изменить ширину, высоту, отступы и т. Д. И создать тот же стиль, который вы используете сейчас.В конце концов, подобную настройку также намного проще поддерживать.Использование div для отображения табличных данных вызовет только головную боль:)

Answer 2

Я предлагаю избегать использования display: inline-block, поскольку IE 6 и 7 не реализуют его должным образом. В этом случае вы можете решить проблему в FF, изменив строку 33 таблицы стилей. Удалите display: inline-block и вместо этого поплавок влево.

#paydayForm .row .column
{
    float:left;
    margin-bottom:5px;
    margin-right:18px;
    margin-top:5px;
    width:170px;
}