Неприжатый футер наезжает на контекст, при этом padding-bottom не подходит по условиям задачи

[lizaveta]

В макете, созданном блочной версткой, две колонки (левая с меню, правая с текстом), хедер и футер. 

Условия задания:

Левая колонка фиксированной ширины, правая резиновая.

Футер нельзя прижимать к низу экрана. При широком окне браузера колонка с меню должна быть больше по высоте чем правая колонка. 

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

Проблема: Футер наезжает на колонку с меню при широком экране.

Пробовала воспользоваться padding-bottom для блока с колонками, но тогда не выполняется последнее условие: при более узком экране между подвалом и текстом остается расстояние.

 

 

Подскажите, пожалуйста, как решить проблему

[klierik]

Здравствуйте.

Выложите пример на https://jsfiddle.net/ что бы понять с чем именно у Вас проблема

[lizaveta]

57 минут назад, klierik сказал:

Здравствуйте.

Выложите пример на https://jsfiddle.net/ что бы понять с чем именно у Вас проблема

Вот
https://jsfiddle.net/3zLymwur/
Также в условиях задания нельзя использовать теги таблиц и стилевых свойств типа "display: table-*", flex, grid layout.

[klierik]

Мне кажется для выполнения этой задачи Вы пошли ошибочным путём. Посмотрите на пример с этими изменениями — https://jsfiddle.net/0ek7gxo8/

[lizaveta]

9 минут назад, klierik сказал:

Мне кажется для выполнения этой задачи Вы пошли ошибочным путём. Посмотрите на пример с этими изменениями — https://jsfiddle.net/0ek7gxo8/

Я указывала, что display: table пользоваться нельзя
А еще может быть важным, что одно из условий, чтобы фон меню всегда доходил до подвала

[klierik]

В таком случае можно попробовать так:

[lizaveta]

47 минут назад, klierik сказал:

В таком случае можно попробовать так:

спасибо большое!