[Помогите] Плавающий div с соц кнопками!

[k0missar]

Помогите с банальной темой. Нужно расположить блок div с кнопками от соц сетей снизу сайта и что бы он постоянно там плавал.

 

[HeadHunter]

Помогите с банальной темой. Нужно расположить блок div с кнопками от соц сетей снизу сайта и что бы он постоянно там плавал.

<div style="position:fixed; right:15px; bottom:0; width:150px; height:20px;">
тут блок социалок
</div>

не подойдет?

 

[k0missar]

<div style="position:fixed; right:15px; bottom:0; width:150px; height:20px;">
тут блок социалок
</div>

не подойдет?

Да он то зафиксировался снизу, НО как его оцентровать?

 

[HeadHunter]

Да он то зафиксировался снизу, НО как его оцентровать?

<div style="position:fixed; left:45%; bottom:0; width:150px; height:20px;">
тут блок социалок
</div>

поиграйся со значениями left

 

[Новый ВебМастер]

а почему бы для <div> не задать display:block;position:fixed;width:150px;height:20px; margin: 0px auto;

Потому что так работать не будет. position:fixed; и position:absolute; изымают блок из контекста форматирования и margin:auto; будет бесполезен. Другое дело что можно внутрь нашего фиксированного блока положить еще один div с указанием ширины и margin:auto;, не забыв при этом растянуть fixed блок на 100% по ширине.

да-да, всё верно.

<div class="fixed">
<div class="block"></div>
</div>
 
.fixed {position:fixed;width:100%;bottom:0px;}
.block {width:150px;height:20px;display:block;margin:0px auto}

 

[Azadi]

style="position:fixed; left:50%; bottom:0; width:150px; height:20px; margin:0 0 0 -75px;"

Вот так принято делать в таких случаях.

а почему бы для <div> не задать display:block;position:fixed;width:150px;height:20px; margin: 0px auto;

Потому что так работать не будет. position:fixed; и position:absolute; изымают блок из контекста форматирования и margin:auto; будет бесполезен. Другое дело что можно внутрь нашего фиксированного блока положить еще один div с указанием ширины и margin:auto;, не забыв при этом растянуть fixed блок на 100% по ширине.

 

[PeRsoNaliTy]

style="position:fixed; left:50%; bottom:0; width:150px; height:20px; margin:0 0 0 -75px;"

Вот так принято делать в таких случаях.

Вот это правильное решение. Дополню только, что -75 это отступ с левой стороны и половина ширины фиксированного блока. Логика такая сдвигаем влево на половину ширины окна, а дальше сдвигаем блок обратно на половину ширины блока и выходит ровно по середине. Так же можно делать и по вертикали.