Полноэкранные макеты с 3 и 2 столбцами (ширина и высота) (CSS)

Question

Мне было интересно, были ли какие-нибудь простые примеры, которые делали следующее

    * A right and a left fixed column with a fluid center. 
      With full height and width and a header and footer.
    * A single left fixed column with a fluid content column 2. 
      With full height and width and a header and footer.
    * A single right fixed column with a fluid content column.
      With Full height and width and a header and footer.

Я пробовал некоторые методы (например, те, что перечислены на listapart), но они казались действительно сложными и использовали много div, или они просто не поддерживали padding.

Заранее спасибо

Answer 1

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

Существует также реализация флюида jQuery , которая имеет макет флюида, который может вас заинтересовать.

Answer 2

В ответ на сообщение от исходного автора, вот как я бы сделал первый запрос с