Здравствуйте помогите пожалуйста с DIVами, мне нужно левый и правый блок растянуть на 100% по длине а блок между ними сместить на 10px вниз, при попытках все 3 блока смещаются <body> <div id="Conteiner"> <div id="LeftBlock"> LeftBlock </div> <div id="RightBlock"> RightBlock </div> <div id="Content"> <div id="CenterBlueBlock"> CenterBlueBlock </div> <div id="CenterDarkBlueBlock"> CenterDarkBlueBlock </div> </div> </div> </body> \\CSS Html, Body { margin:0; height:100%; width:100%; } #Conteiner { width:100%; height:100%; margin:0; } #LeftBlock { height:100%; width:150px; background-color:#CCCCCC; margin:0; float:left; } #RightBlock { height:100%; width:150px; background-color:#CCCCCC; margin:0; float:right; } #Content { height:100%; width:auto; margin:0; margin-left:150px; margin-right:150px; } #CenterBlueBlock { margin-top:10px; margin-left:10px; margin-right:10px; width:auto; height:100px; background-color:#0066CC; } #CenterDarkBlueBlock { margin-top:0px; margin-right:10px; margin-left:10px; width:auto; height:30px; background-color:#000099; }
