есть следующая разметка : <div id="outer"> <div id="upbg"></div> <div id="inner"> <div id="header"></div> <div id="splash"></div> <div id="menu"></div> <div id="primarycontent"></div> <div id="secondarycontent"></div> Так вот основной интерес представляют primarycontent и secondarycontent , нужно сделать чтобы secondarycontent был 240px , а primary занимал всю оставшуюся ширину экрана слева. Вот текущий код css, в настоящее время проблема в том что div primarycontent занимает не всю свободную область, а только небольшую часть в зависимости от внутреннего содержания. То есть ширина primarycontent = ширине вложенных элементов, а хотелось бы чтобы он был ограничивающим контейнером и дочерние элементы уже форматировались по его ширине. t #secondarycontent { position: relative; width: 240px; float: right; } #primarycontent { position: relative; width: auto; float: left; } upbg { position: absolute; top: 0px; left: 0px; width: auto; height: 264px; z-index: 1; } #outer { position: relative; width: 100%; margin: 0 auto; } #inner { position: relative; padding: 13px 30px 13px 30px; z-index: 2; } #header { position: absolute; width: 202px; height: 92px; color: #fff; padding-left: 20px; } #splash { position: absolute; right: 30px; width: 458px; height: 92px; } #menu { position: relative; height: 67px; padding: 0px 20px 0px 5px; margin: 98px 0px 20px 0px; }