Сетка дивами

генери таблицу, не?

не, дивами :)

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

если не таблица, то display: table-cell и т.д.

можно конечно как то извратиться с фиксированной высотой традиционных обтекаемых дивов (с понятными ограничениями). тут сложность только с rowspan'ом, но с помощью overflow-y: visible и пустых дивов-заполнителей такое реально сделать. так же можно попробовать flex - почти все браузеры его уже поддерживают

идеальное решение - задействовать grid, но поддержка браузерами оставляет желать лучшего

Но зачем, если можно сгенерировать таблицу и закрыть задачу за 15 минут?

Есть готовый Drag&Drop, который рассчитан на блоки.

:) http://radikal.ru/fp/hs5tt22ogwsbq

Спасибо. Наверно будет table-cell... Если не придумаю что-то получше. Сложно одновременно сделать rowspan и colspan :(

Забудь про таблицы вообще. Делай обертку с позишн релатив. Делай дивы в ней абсолютно позиционированными, каждый с стилем а-ля:

{
    width: (rowwidth*rowsize)%/px;
    height: (colheight*colsize)%/px;
    top: (colheight*coloffset)%/px;
    left: (rowwidth*rowoffset)%/px;
}

А если нужны фигуры посложнее чем ровные четырехугольники — значит canvas или svg-path.

Круто, кажется это прикольный вариант :)

А чё, responsive-модели не канают?

А что это?

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

Либо я чего-то недопонимаю, либо этот вариант не катит :(