Сместилась кнопка "Наверх"

[AironI 0]

Добрый день господа.

Такой вопрос.

Уехала кнопка "Наверх" на моем форуме http://forum.orbita96.ru/

Нашел ее в шаблоне и в CSS .. она перемещается .. но когда меняю размер экрана он исчезает или снова смещается ...

То есть не так как раньше.. была по середине зафиксирована и от размера окна браузера оставалась на месте.

Как ее поставить обратно на место как на стандартном шаблоне IPB 3.4

код во вкладке "Шаблоны"

----------------------

 

<a rel="nofollow" href='#top' id='backtotop' title='{$this->lang->words['go_to_top']}'><img src='{$this->settings['img_url']}/top.png' alt='' /></a>

<ul class='ipsList_inline left'>

<li>

-----------------------

Код во вкладке CSS

 

----------------

 

#backtotop {

width: 24px;

height: 24px;

line-height: 20px;

top: -20%;

left: 80%;

margin-left: -12px;

position: absolute;

display: inline-block;

background: #696969;

text-align: center;

-moz-border-radius: 16px;

-webkit-border-radius: 16px;

border-radius: 16px;

opacity: 0.4;

outline: 0;

}

 

#backtotop:hover {

background: #28af7e;

color: #fff;

opacity: 1;

}

-----------------------

Заранее спасибо.

[AironI 0]

Проблема решена...

Код подредактировал и вставил этот

--------------------

 

#backtotop {

width: 24px;

height: 24px;

line-height: 20px;

margin-left: 600px;

 

position: absolute;

display: inline-block;

background: #696969;

text-align: center;

-moz-border-radius: 16px;

border-radius: 16px;

opacity: 0.4;

outline: 0;

}

----------------------

[AironI 0]

лучше будет этот код.

Кнопка автоматом по середине.

------------

 

#backtotop {

width: 24px;

height: 24px;

line-height: 20px;

left: 50%;

position: absolute;

display: inline-block;

background: #696969;

text-align: center;

-moz-border-radius: 16px;

border-radius: 16px;

opacity: 0.4;

outline: 0;

}

--------------------