Я хочу создать страницу, которая выглядит так: __________________ |Заголовок | |_________________| ___ ____________ |m | | Контент | |___| |___________| m - меню, ширина - 150 px Контент - вся оставшаяся ширина Между ними расстояние в 15 px. CSS такое: .menublock{ border: 1px dashed; padding: 3px; margin-bottom: 10px; margin: 3px; margin-right: 10px; background-color: #DFD; float: left; width: 150px; display: block; } .pagecontent{ position: relative; border: 1px dashed; padding: 3px margin: 3px; background-color: #DFD; } .header{ background-color: #DFD; padding: 3px; display: block; } HTML: html> <head> <link rel="stylesheet" type="text/css" href="site.css" /> <body> <div class="header">head</div> <div> <div class="menublock">menu1</div> <div class="pagecontent">content</div> </div> </body> </html> Пока результат моих трудов - контент шириной 100% - 6px(margin), который наползает на меню. Слово "content" в , впрочем отображается так: _________ |___c_____| —-- Дефисы внизу - граница меню. Как сделать так, чтобы страница была "в две колонки"?