У меня есть главный элемент DIV который располагается по центру и в него можно вставлять другие элементы DIV. Вот его стили: #container { width: 770px; height:auto!important; margin-right: auto; margin-left: auto; padding-bottom:70px; background-color:#000066; background-image: url("images/middle.gif"); } Мне нужно в него вставить еще 5 элементов DIV но не по вертикали один за другим а по горизонтали. Вот что мне нужно ------------------------------ DIV2 DIV3 DIV4 DIV5 DIV6 ------------------------------ Проблема в том, что DIV это блочные элементы и у меня не получается выстроить в одну линию DIV3, DIV4 и DIV5. Каждый из них находится ниже другого. Вот стили которые я применяю к элементам DIV2 DIV3 DIV4 DIV5 DIV6: #DIV3 { position:relative; top:0px; left:22px; width: 158px; height:3px; background-color:#FFDD97; } По оси X каждый элемент позиционируется правильно, а вот по Y не могу. Здесь z-index не подходит так как у меня главный элемент DIV должен автоматически подбирать высоту в соответствии сколько у него своих элементов. Но есть элементам DIV2 до DIV6 поставить position:absolute и поставить z-index то высота главного DIV не увеличивается. Помогите, как правильно нужно сделать?
Вот только что изменил в элементах DIV2 по DIV6 position:relative; на position:absolute; и у меня все элементы стали так как я хотел, но главный жлемент так как я и говорил перестал увеличиваться по высоте. И элементы визуально вылазят за пределы гоавного элемента.