Форум Сайтостроение Веб-строительство

Вопрос по position и отступами от края браузера

Rock'n'rolla
На сайте с 14.09.2009
Offline
146
Rock'n'rolla
479

Есть сайт. Мне надо добавить в самый низ страницы полосу, чтобы она фиксированна прокручивалась и всегда находилась в одном месте. Решил проблему так: 

#polosa { 

width: 100%;

height: 60px; 

background: #006699;

left: 0px; 

bottom: 0px; 

position: fixed;



   }

Но проблема в том, что эта полоска все равно перекрывает самый низ моей страницы на свою высоту в 60 пикселей. Т.е. я кручу кручу кручу страницу вниз и когда дохожу до самого низа, то там все равно кусочек контента перекрывается.

А мне надо, чтобы не перекрывался низ этой полоской. Чтобы низ страницы был виден + еще ниже эта самая полоска была.

Помогите решить проблему.

"Vulcan-Bit - лучшая партнерка в сети" (http://vulcan-bit.com?invite=artem_kozirev) KMA.BIZ - Партнерка с крутым конвертом и отчислениями в долларах. Лить! (http://kma.biz)
S
На сайте с 05.10.2013
Offline
0
sayapinant
#1

Добавь в контекст маргин Боттом 60 пх

D
На сайте с 14.01.2007
Offline
153
Dinozavr
#2

добавить в самой странице нижний padding/margin высотой в полосу?

P.S. too slow :D

Rock'n'rolla
На сайте с 14.09.2009
Offline
146
Rock'n'rolla
#3
Добавь в контекст маргин Боттом 60 пх

Приподнимает полосу на 60пкс.

S
На сайте с 05.10.2013
Offline
0
sayapinant
#4

Скинь код в личку. Гляну. Может смогу сообразить

Rock'n'rolla
На сайте с 14.09.2009
Offline
146
Rock'n'rolla
#5

Dinozavr, Спс, решил вот так:

#underpolosa {
width: 100%;
height: 60px;
left: 0px;
bottom: 0px;

}

и

<div id="underpolosa">

</div>

Вниз страницы.

I
На сайте с 05.05.2010
Offline
91
ITXrelay
#6

Ну или так можно было:

css:

div#underpolosa{

width: 100%;

height: 60px;

position:fixed;

}

Javascript:

var otstup=$(window).height()-$('div#underpolosa').height();

$('div#underpolosa').css('top',otstup);

Красивые запоминающиеся телефонные номера - больше звонков от клиентов! (https://nomergold.com?utm_source=searchengines.guru&utm_medium=signature&utm_campaign=forums)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий