Есть плавающий сайдбар, созданный вот таким способом:
http://codingtools.ru/lessons/2/94
Проблема в том, что если у нас на странице после этого блока идет футтер, то при скроллинге вниз плавающий сайдбар, как бы, «выдавливает» футер и растягивает контейнер сайдбара. Получается бесконечный скроллинг - сайдбар отталкивается от высоты окна браузера и выталкивает футтер, который постоянно становится ниже окна браузера и, тем самым, растягивает высоту страницы при каждом скроллинге.
В примере приведен маленький сайдбар, но не составит труда представить как он себя будет вести при больших размерах. В моем случае сайдбар высотой около 800 пикселей, и под ним футер, высотой около 240 пикселей.
Как написать хак, в котором сайдбар не сможет растягивать размер родительского объекта?
Примечание:
#01 San_Tit
Вообще ничего не понял... можно код рабочего примера?
Допустим на такой конструкции:
<head><style>
#header, #footer {
width: 420px;
height: 200px;
margin: 0 auto;
clear: both;
background-color: #3CC;
}
#content {
width: 420px;
height: 200px;
margin: 0 auto;
clear: both;
}
#post {
float: left;
width: 280px;
height: 1280px;
margin: 10px;
background-color: #F06;
}
#sidebar {
float: right;
width: 100px;
height: 280px;
margin: 10px;
background-color: #9C3;
}
</style></head><body>
<div id="header">
</div>
<div id="content">
<div id="post">
</div>
<div id="sidebar">
</div>
<br clear="all" />
</div>
<div id="footer">
</div>
</body></html>
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.