Как ограничить действия position:fixed

[Hol1killer]

Добрый день друзья, возникла проблема, требуется 3-колоночная структура, причем колонки должны быть с position:fixed;

Структура html приблизительно такая:

<div class="middle">
<div class="left-col">
</div>
<div class="content-block">
</div>
<div class="right-col">
</div>
</div>

Есть родительский блок и мне требуется что бы две колонки (левая и правая) не выходили за границы родительского блока middle.

Надеюсь на вашу помощь, а то что-то никак не выходит=)

[Zippovich]

причем колонки должны быть с position:fixed;

а это зачем такие извращения? все что position: fixed будет не включено в основной контекст, так что никак нельзя.

[Березовский]

да интересно) самое интересное что блоки выходят только за нижнюю границу) а за верхнюю нет)) сижу играюсь)

[Hol1killer]

причем колонки должны быть с position:fixed;

а это зачем такие извращения? все что position: fixed будет не включено в основной контекст, так что никак нельзя.

Да знаю что извращение. Но просто он хочет что бы вместе с контентом и прокручивались слева и справа колонки, и они не вылетали на футер. Вообще никаких шансов? мне главное что бы за границы блока .middle не выходило, колонки фиксировоной ширины.

[Березовский]

может как-то ограничить их внизу? например задать местоположение от низа) margin-bottom например... или просто bottom: 200px

[Hol1killer]

может как-то ограничить их внизу? например задать местоположение от низа) margin-bottom например... или просто bottom: 200px

Уже пробывал тогда у меня колонки едут на меню которые выше этих блоков. Я прям вообще не знаю, может быть как то через JS можно это провернуть?

[Березовский]

может как-то ограничить их внизу? например задать местоположение от низа) margin-bottom например... или просто bottom: 200px

Уже пробывал тогда у меня колонки едут на меню которые выше этих блоков. Я прям вообще не знаю, может быть как то через JS можно это провернуть?

в js не силен) но думаю что можно.

[Softlink]

Посмотрите в сторону свойства clip. Как-то делал схожую реализацию.

[Hol1killer]

Посмотрите в сторону свойства clip. Как-то делал схожую реализацию.

Спасибо не знал об этом свойстве, но к сожалению все равно не получилось, проблема в том что у clip нельзя задавать проценты, а у меня высота .middle всегда разная и я не могу задать правильные кординаты в clip.ru.

Пока не знаю как сделать, возможно можно подсчитать высоту .middle через JS а после вставить в clip

[Березовский]

Посмотрите в сторону свойства clip. Как-то делал схожую реализацию.

сайт со шрифтами хорош) пользовался.

[Switch74]

увидеть бы что и как должно быть, а вообще по мне такое лучше делать js, без него на маленьких экранах может наезжать на нижестоящие блоки и отступ никуда не денется от меню и естесно такие блоки будут фиксированной какой-то высоты или с прокруткой примерчик: http://jsfiddle.net/jurnE/2/

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

Edited March 21, 2013 by Switch74