body { margin:0; /* - отступ от внешних границ - */ padding:0; /* - отступ внутри блока - */ } #container{ width:100%; /* - ширина блока - */ background: url(bg.png) repeat-y; /* - фоновая картинка, повторяется по вертикали - */ padding : 0;margin: 0; /* - отступы - */ } #header,#menu,#content,#sub-section,#footer { overflow:hidden; /* - отображается только область внутри элемента, остальное будет обрезано - */ display:inline-block; /* - обтекание другими элементами - */ } #header,#footer {width:100%} /* - ширина блока - */ #header { border-bottom:2px solid #805C1E; /* - цвет нижней границы блока - */ } #menu,#content,#sub-section {float:left} /* - выравнивание по левому краю - */ #menu {width:20.5%;} /* - ширина блока - */ #content { width:59.5%; /* - ширина блока --- */ background-color:#fff; /* - цвет фона блока - */ padding : 0 0 20px 0; /* - отступ снизу, чтобы текст не лепился к нижней части блока - */ } #content p { font:12px verdana, helvetica, sans-serif;color:#333; /* - размер шрифта, шрифты, цвет текста в блоке - */ padding : 0 9px 0 9px; line-height:1.5; /* - отступ текста в блоке справа и слева, межстрочный интервал - */ } #sub-section {width:20%;} /* - ширина блока -*/ #sub-section p { font:10px verdana, helvetica, sans-serif;color:#EDD9AF; /* - размер шрифта, шрифты, цвет текста в блоке - */ padding : 0 7px 0 7px; line-height:1.5; /* - отступ текста в боке справа и слева, межстрочный интервал - */ } #footer { clear:left; /* - отмена обтекания с левого края элемента -*/ background-color:#44330F; /* - цвет фона блока - */ padding : 10px 0 10px 0; /* - отступ сверху и снизу - */ text-align:center; /* - равнение по центру - */ } #footer p{ font:10px verdana, helvetica, sans-serif;color:#9C7523; /* - размер шрифта, шрифты, цвет текста в блоке - */ }