Отображение содержимого блочного элемента выходящего за границу

[Delat]

Каким свойством сделать так, чтобы при развертывании меню сайдбар "толкал" футер вниз, а не вылазил за границы перекрывая его?

Свойство overflow - пытался применить с разными значениями, но в итоге ничего не изменилось.

[mrnobody]

Если боковая панель у вас плавающая, то можно задать футеру clear: both; ?

Edited May 23, 2013 by mrnobody

[Delat]

Если боковая панель у вас плавающая, то можно задать футеру clear: both; ?

это свойство прописано http://prodpak.ru

Edited May 23, 2013 by Delat

[mrnobody]

У вас sidebar "вырван" из потока свойством position: absolute, то есть на этот блок другие элементы не обращают внимания, словно его и нету.

http://img594.imageshack.us/img594/3026/20130523132130.png

Edited May 23, 2013 by mrnobody

[amelice]

Если боковая панель у вас плавающая, то можно задать футеру clear: both; ?

это свойство прописано http://prodpak.ru

Читать спецификацию 2.1 главу 9.7 где говориться - при абсолют, флоат сбрасывается в none.

Edited May 23, 2013 by amelice

[Delat]

У вас sidebar "вырван" из потока свойством position: absolute, то есть на этот блок другие элементы не обращают внимания, словно его и нету.

http://img594.images...30523132130.png

после проделанных изменений стало лучше, но "обнажилась" другая ошибка:

[mrnobody]

Очищаем поток:

.layer:before, .layer:after{
content: " ";
display: table;
}
.layer:after{
clear: both;
}
.layer{
*zoom: 1;
}

Задайте внутреннюю тень .layer с обеих сторон, а не с одной:

.layer{
box-shadow: -4px 0 10px -2px #F0F0F0 inset, 4px 0 10px -2px #F0F0F0 inset;
}

и удалите внутреннюю тень у элемента .left-text.

А вот пунктирный разделитель можно вырезать кусочек и задать бекграундом для .layer.

Или можно было бы вставить разделитель через псевдоэлемент, но тогда очищать поток нужно через overflow: hidden; :

.layer{
overflow: hidden;
}

Или можно вырезать горизонтальный кусок и вставить фоном в .layer, только удалите белый фон у элемента .sidebar.

http://img191.images...30523210238.png

Edited May 23, 2013 by mrnobody