Как закрепить div внизу страницы?

Question

[aopil]

Мне нужно чтобы при перелистывании страницы div находился в закрепленном нижнем положении, т.е. всегда был на виду.

Применил такие стили:

bottom: 0;
    left: 0;
    padding: 10px;
    position: fixed;
    right: 0;
    text-align: left;
    z-index: 99;

Проблема заключается в том, что div растянулся на всю ширину страницы, как исправить это?)



Как видно на фотографии слева у меня строчки меню, на которые залез этот div.

Comments

[Сергей delphinpro]

left: ширина_сайдбара

Answer 1

[ProstoChel92]

Попробуй убрать "right: 0"

Comments

[aopil]

ProstoChel92

[ProstoChel92]

aopil, объясни, пожалуйта, что там не так

[aopil]

ProstoChel92, нужно чтобы кнопка save была в белом блоке)

[ProstoChel92]

Добавь белому блоку строку position: relative;
Напиши что получилось)

[Yupiter7575]

aopil, эээ судя по фото она там и есть...

[ProstoChel92]

Yupiter7575, а мне кажется она на сером фоне, не знаю

[aopil]

ProstoChel92, ничего не поменялось. Все верно, она на сером фоне, а должна быть как показано на фотографии в посте)

[ProstoChel92]

aopil, Можешь показать HTML код?

[aopil]

ProstoChel92, там огромный html код, который я могу показать, но разобраться будет не легко без стилей которые подгружаются файлами...

[ProstoChel92]

aopil, А у тебя кнопка в HTML коде находиться внутри белого блока?

[aopil]

ProstoChel92, Да))

[ProstoChel92]

aopil, Ты хочешь чтобы блок всегда было видно?

[aopil]

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

[ProstoChel92]

aopil, если ты не убирал из белого блока
position: relative; то смени у кнопки position:fixed; на position:absolute;

[aopil]

ProstoChel92, absolute встает в блоке правильно, но при этом не закрепляется. Не закрепляется - имею ввиду что ее не постоянно видно, блин, ну вот в вконтакте header возьмите, вы листаете новостную ленту, а header всегда на виду, мне нужно тоже самое только снизу)

[Elena Fire]

ширину задайте блокам. явно задайте.

Answer 2

[Elena Fire]

Конфликт интересов:
указаны одновременно left и right со значением 0, при этом width у div не задан явно.
Задайте div width и уберите left или right по потребности.