Колонки одинаковой высоты.

[DrRobotGranata]

Есть три колонки внутри контейнера. Колонки левая и правая опеределенных размеров, кодом этом задано.

Задача что бы колонки были одинаковой длинны, фон колонок растягивался по длине большей. ( в случае на картинке фон первых двух должне растянуться до Footer, т.к. третья по тексту до него. 

При этом верстка-блочная. Нельзя использовать флексы, гриды и таблицы. Т.е. только Float-ы, margin-ы. Схема размеров колонок 20%/*/200px

 

Что можно попробовать? оборачивать в дополнительные дивы и играть с фонами?

[klierik]

Как вариант

[DrRobotGranata]

56 minutes ago, klierik said:

Как вариант

нет, псеводоклассы использовать нельзя,  ширина колонок не фиксировнная в процентах, и отображение табличное.

Если бы было так просто, я бы не спрашивал)

[Igor Schnaider]

2 часа назад, DrRobotGranata сказал:

нет, псеводоклассы использовать нельзя

Странное задание. Очистить флоаты можно и через overflow, например.

6 часов назад, DrRobotGranata сказал:

Что можно попробовать? оборачивать в дополнительные дивы и играть с фонами?

Ну да, вставьте абсолютно позиционированный контейнер для стилизации фона позади колонок, если уж такие требования.

Что касается ширины – если можно calc использовать, то юзайте ее:

.column:nth-child(2) {
  width: calc(80% - 200px);
}