[SergeyNetIt]

Уважаемые форумчане. Как мне жестко в одном месте зафиксировать кнопку Наверх. При уменьшении или увеличении масштаба или размера экрана в пользователя, кнопка Наверх скачет (то влево, то вправо) и отображается у всех по разному.
Вот как я ее прописал:
В файле footer.php перед закрывающим </body> прописал

PHP код:

  <p id="top">
    <a href="#top" title="Вернуться к началу">^Наверх</a>
   </p> 


В head.php прописал js

PHP код:

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/top_button.js"></script>

Содержимое top_button.js:

PHP код:

[SPOILER]$(document).ready(function(){

    // hide #back-top first
    $("#top").hide();
    
    // fade in #back-top
    $(function () {
        $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
                $('#top').fadeIn();
            } else {
                $('#top').fadeOut();
            }
        });

        // scroll body to 0px on click
        $('#top a').click(function () {
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            return false;
        });
    });

});[/SPOILER] 


Css оформление:

Код HTML:

#top {
    position: fixed;
    bottom: 30px;
    /*margin-left: 1180px;*/
    left: 1180px;
}

#top a {
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    width: 80px;
	display: block;
	text-decoration: none;
	padding: 10px;
	text-align:center;
	border-radius: 5px; 
	border:2px solid #ccc;
	background:#c6c1c1;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
}
#top a:hover {
    background-color: #f7f7f7;;
}

Ссылка на сайт _http://fr3809bb.bget.ru/
Помогите, пожалуйста!

[StelS]

м.б. вместо лефт райт?

[mojwp]

вставьте ее в пределах div id="wrapper" и пропишите ей right: 10px (left на выбор).
А сейчас прыгает, т.к. разные разрешалова у людей и ваш left: 1180px; портит дело

[SergeyNetIt]

StelS, Вы прежде чем писать подумали над вопросом? Зачем набивать сообщение. И что от этого изменится. Он стал теперь в правой стороне. Вот как сейчас http://joxi.ru/BaPwUhjKTJDHXJDO774 А вот, он двигается если уменьшит масштаб http://joxi.ru/NaPwUhjKTJDoXHK-Nc8 Точно также происходит, если у пользователей разное расширение экрана. Я мне нужно, чтобы кнопка была на одном месте

---------- Сообщение добавлено 10:32 ---------- Предыдущее 10:23 ----------

mojwp,А так можно и поставить например в правовую колонку right?

---------- Сообщение добавлено 10:35 ---------- Предыдущее 10:32 ----------

mojwp,А как сделать, чтобы кнопка была прижата к границе правой или левой сайта, а не ездила все равно вот так http://joxi.ru/7qXwUv3JTJCpec712iM. Поместил в пределы div id="wrapper", right:200px поставил?

[Galych]

Попробуйте так:
#top {
position: fixed;
bottom: 30px;
right: -80px;
}

#top a {
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
width: 80px;
display: block;
text-decoration: none;
padding: 10px;
text-align:center;
border-radius: 5px;
border:2px solid #ccc;
background:#c6c1c1;
font-family:verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
cursor: pointer;
position: fixed;
bottom: 30px;
right: -80px;
}
#top a:hover {
background-color: #f7f7f7;
}

[SergeyNetIt]

Galych,кнопка вообще пропала и не как отображается

[Galych]

Судя по коду сайта, кнопка прописана за пределами файла footer.php. Попробуйте убрать знак"-" вот здесь: right: -80px. (в двух местах).

[SergeyNetIt]

Galych,Так это не мой код. "-" это вы мне присылали. У меня без "-". Смотрите мой код или на сайте. Кнопка отображается, но двигается влево, вправо.

[Galych]

Чтобы кнопка была привязана к границам страницы нужно её включить внутрь файла. Тогда и отступы будут считаться от его границ. В данном случае вот это:
<p id="top"><a href="#top" title="Вернуться к началу">^Наверх</a> </p>
нужно поместить внутрь файла footer.php, а не за его пределы. Отступ right сделать с отрицательным значением

[SergeyNetIt]

Galych,Сделал так, как вы писали. Кнопка все равно на разных расширениях экрана гуляет то влево, то вправо. Я хочу, чтобы кнопка Наверх была на одном месте не в зависимости какое расширение экрана монитора.