Всем привет. Хочу сверстать несколько блоков на странице. Шапка, с фиксированной высотой, шириной 100%.
Затем 2 блока. Левый блок с шириной 200px, правый блок, который бы занимал всю оставшуюся часть страницы.
Footer фиксированной высотой, шириной 100%.
Пример во вложении, или по ссылке: Макет
Проблема вот в чём. Как сделать правый блок (3 на макете) размером на всю оставшуюся часть страницы.
И как вообще сделать блоки 2 и 3 высотой на всю оставшуюся часть страницы таким образом, чтобы скролл появлялся только в блоках 2 и 3 если контента в них очень много и этот контент вылазиет за пределы блоков?
Вот что смог пока сделать: https://jsfiddle.net/fenix_63/duy2cyuz/
Народ, помогите пожалуйста кто знает.
С шириной разобрался, а вот как сделать высоту 2 и 3 блока так, чтобы она была равная высоте страницы - высота шапки - высота подвала? И чтоб если блоки 2 и 3 из-за обилия контента не вмещаются в эту область, чтоб скролл появлялся?
https://jsfiddle.net/duy2cyuz/3/