Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 29.08.2016, 18:38   #1
frixer
Пользователь
 
Регистрация: 19.04.2010
Сообщений: 16
По умолчанию Блок отностительно контента

Здравствуйте, подскажите как сделать блок чтобы он был всегда например в верхнем правом углу самого сайта! а не окна браузера.?

например сайт пролистываем чуть ниже а кнопка все равно висит... а то на больших разрешениях она очень далеко от сайта находится, кнопка наверх
frixer вне форума Ответить с цитированием
Старый 29.08.2016, 21:22   #2
Вадим Мошев

Старожил
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Сообщений: 8,568
По умолчанию

1. Содержимое сайта помещаем в div с классом wrapper
2. Для этого класса установить свойство position: relative
3. Саму кнопку (например, тег a с классом myButton) сделать прямым потомком внешнего враппера, то есть, разместить её только внутри самого него, но не внутри других тегов, располагающихся в этом враппере.
3. Установить для этой кнопки такие стили:
Код:
.myButton {
 position: absolute;
 top: 0;
 right: 0;
}
Но если вам нужна кнопка "наверх", то она должна быть видна при любом положении полосы прокрутки окна браузера. Тот вариант, который предложил я, сделает кнопку, которая будет прокручиваться вместе со страницей. Смысл тогда такой кнопки?

Последний раз редактировалось Вадим Мошев; 29.08.2016 в 21:28.
Вадим Мошев вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
выбор контента Веди PHP 7 09.04.2013 10:18
Ajax. Подгрузка контента Избранный JavaScript, Ajax 0 04.01.2012 13:40
слайдер контента CodeNOT JavaScript, Ajax 1 04.10.2011 01:23
первый блок должен заливать весь фон, а второй блок блок выводить сплошную горизонтальную балку SanBorisych HTML и CSS 2 12.01.2010 17:42
Менеджер контента Insainer HTML и CSS 1 27.04.2008 11:06