Верстка макета с колонками

Есть следующий макет
image.
Нужно сверстать его следующим образом.
Блок 1 фиксированных размеров.
Блоки 2-4 тянутся по высоте в зависимости от контента. Причем, если, например, в блоке 3 контента очень много, а в остальных мало — все равно блоки 2-4 должны тянуться вниз, таким образом, чтобы синий бекграунд внизу всегда был на 1 линии.
Тексты внизу 3 и 4 блоков — фиксированы.
Самый простой вариант — сверстать на таблицах, однако появляется проблема с абсолютно позиционированным текстом внизу блоков 3 и 4.
Каким образом решается такая проблема?
  • Вопрос задан
  • 4199 просмотров
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 4
MindMinimal
@MindMinimal
Front-end Developer, веб-разработчик
Как вариант через jQuery сделать.
Ответ написан
@Chii
Я бы сделала длинный тонкий блок 5 в самом низу, шириной в 2+3+4 и положила бы в него и синий бекграунд линией и тексты
Но я не очень крутой верстальщик, может кто-нибудь лучше придумает способ
Ответ написан
Комментировать
@serega_kaktus
Программист-самоучка, фрилансер
Ответ написан
Комментировать
Anonym
@Anonym
Программирую немного )
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы