Как оформить страницу aspx, которая выглядит как бумажная форма?

Question

Я занимаюсь разработкой настольных приложений, поэтому мой aspx / html немного заржавел. Мне нужно сделать макет страницы aspx с полями, которые выглядят примерно так (полей много, это просто абстракция): По сути, элементы выглядят так, как будто они находятся в строках, но не в отличительных столбцах (например, в моем примере название улицы не обязательно должно совпадать с номером улицы и т. Д.)

Я хочу добиться максимальной совместимости с браузерами - что лучше всего использовать для этого сценария? Таблицы, элементы списка ... divs? что-то другое?

Я использую aspx C # 4.0.

Answer 1

Вот пример вне таблицы:

http://jsfiddle.net/eRY8T/7/

Общепринято, что table следует использовать для отображения данных в табличном формате, а не для выкладывания форм.

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

В вашей ситуации я думаю, что использовать div на самом деле проще, чем таблицы. Для этого, вероятно, потребуется много таблиц rowspan / colspan / nested.

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

Answer 2

Как насчет таблицы с 4 рядами и 7 столбцами
и используйте соответствующий colspan для лучшего выравнивания.