Каркас с «шапкой», левом меню, содержимым и нижней частью страницы

Свойство плавающего элемента –

float:left; - выравнивание по левому краю

float:right; - выравнивание по правому краю

clear:both; - очистка обтекания по двум сторонам (слева и справа).

Для плавающего элемента обязательно надо указывать ширину (width) для корректного отображения разными браузерами

Для элемента (левое меню) указывается нужная ширина (например: 150px) и выравнивание по левому краю.

Для элемента (содержимое) указывается ширина, равная разности общей ширины с шириной левого меню и небольшого отступа между ними (например: 800 – 150 – 10 = 640px), а также левое поле, равное ширине левого меню + небольшой отступ (160px).

Перед блоком нижней части страницы надо вставить дополнительный блок, которому задать класс (в html-файле). В css-файле этому классу надо задать свойство очистки обтекания по двум сторонам.

Каркас с «шапкой», левом меню, правом меню, содержимым и нижней частью страницы

Для элемента (левое меню) указывается нужная ширина (например: 150px) и выравнивание по левому краю.

Для элемента (правое меню) указывается нужная ширина (например: 150px) и выравнивание по правому краю.

Для элемента (содержимое) указывается ширина, равная разности общей ширины с шириной левого и правого меню и небольшого отступа между ними (например: 800 – (150+150) – (10+10) = 480px), а также выравнивание по центру.

Перед блоком нижней части страницы надо вставить дополнительный блок, которому задать класс (в html-файле). В css-файле этому классу надо задать свойство очистки обтекания по двум сторонам.