Максим Тимофеев: min-height не спасёт, т.к. если текста добавят больше чем было, то всё расползётся(
а вот с дивом идея вроде бы хорошая, но на ум приходит следующая проблема:
Если мы делаем div прозрачным с оранжевой рамкой, то мы не сможем сделать колонку целиком белого цвета. Т.к. замена background на белый у нас задана для hover ячейки таблицы. Но hover ячейки будет не вызвать, т.к. div всегда будет перехватывать ховер.
Попробую сверху наложить div белого цвета с оранжевым контуром, а текст из ячеек вытащить наверх с помощью z-index
Если учитывать возможность отключённого js, то в данном методе мы просто теряем border, а в случае вёрстки без таблицы, у нас могут разъехаться все ячейки
Кода нет, т.к. я пока ещё прикидываю как лучше реализовать, чтобы потом не переделывать)
Ваше предложение как раз моя вторая мысль.
При вёрстке столбцами отпадают все проблемы с hover и border-color.
Но как тогда сделать чтобы строки в разных столбцах были одинаковой высоты?
Вот например последняя строка. На макете во всех ячейках один и тот же текст. А на сайте возьмут и в одном из столбцов вместо "Залог приобретаемого дома и/или земельного участка" поставят тире.
И тогда ячейка с тире по высоте станет меньше чем все остальные ячейки в этой строке, т.к. мы сверстали столбцами, и у ячеек нет связи с соседями по строке.