Как я могу использовать CSS для создания среднего столбца, который заполняет высоту страницы?

Question

Я хотел бы создать макет из 3 столбцов, в центре которого находится весь контент и меню, а два других - сплошной цвет фона.

У меня уже есть что-то подобное, но средний столбец не распространяется на нижнюю часть страницы. Как я могу получить этот средний столбец, чтобы расширить до нижней части страницы?

Answer 1

Поскольку большинство ответов на этот вопрос в чистом CSS не поддерживаются браузерами, лучше всего использовать для этого фоновое изображение. Создайте изображение с правильными размерами столбцов и примените его ко всем трем столбцам на странице. Убедитесь, что изображение можно повторить по горизонтали, и это будет происходить до самого конца страницы, даже если средний столбец не на самом деле нужного размера.

Answer 2

Этот сайт действительно полезен для такого рода вещей:

http://css.maxdesign.com.au/floatutorial/tutorial0916.htm

Но я думаю, что основная идея в том, что вы создаете число с плавающей точкой: левый, а затем число с плавающей точкой: правый, а затем еще один элемент для середины.