Это Table?

[Antoshka007]

Здравствуйте, форумчане!

 

Подскажите, правильно но ли использовать для верстки такого блока таблицу: http://joxi.ru/GrqVBLOhxq3amz
Или это далеко в прошлом и сейчас так никто не делает?

Если лучше делать другим способом, то подскажите каким.

Спасибо!

[raptor-dm]

не правильно
блоками через float-ы

[Aleksandr.L]

Не обязательно использовать тег <table>. Можно просто изменять display. Допустим у обертки display: table, а внутри table-cell. Можно еще inline-block'ами.

[SelenIT]

В 2015-м уже лучше всего флексбоксами. А динозаврам — деградацию до любого из перечисленных или сразу до мобильного вида.

[Int]

Кто-нибудь поясните, чем принципиально отличается display:table>display:cell от table>tr>td? Суть остаётся та же, разница только в тэгах. Поисковикам типа не нравится или ранит чью-то тонкую душевную организацию перфекциониста?

[Z1gnet]

Поисковикам типа не нравится

именно. тег table можно использовать только для таблиц в чистом виде. если хотите воспроизвести поведение таблицы то отлично подходит

display:table>display:cell

[SelenIT]

чем принципиально отличается display:table>display:cell от table>tr>td?

Как минимум, отсутствием ненужных (в случае чисто визуальной таблицы) DOM-наворотов типа .cells и .insertRow(), а также возможностью применить «маскарад» лишь там, где это реально требуется (напр. в медиавыражении для широких экранов — да, можно и наоборот, задать table, tbody, tr, td { display: block } для мобильных, но это смотрится как-то еще более «вывернуто»). И в целом DOM-структура проще (2 DOM-элемента вместо 4 — учитывая неявный, но неизбежный tbody в случае table). И скринридеры, по идее, таблицу должны зачитывать как «таблица: строка первая, ячейка такая-то...», а CSS-таблицу — как обычные блоки (хотя у Фокса с этим были проблемы). Недовольство поисковиков — уже следствие избыточности и нецелевого использования инструментов (хотя, опять же по идее, role="presentation" должно их успокоить).

 

И еще совсем мелочь, но по спеке CSS2.x размеры настоящих таблиц по умолчанию считаются по border-box, а CSS-таблиц — по content-box