Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Как социальные кнопки share42 приклеить к правому плавающему краю страницы

Как социальные кнопки share42 приклеить к правому плавающему краю страницы


     07.07.2012    Стили (CSS)    4855

вопрос
Вертикальное меню моего сайта с левой стороны , соответственно мне надо прикрепить к правому краю контента социальные кнопки share42 (как на этом cайте, только тут справа), но беда в том что правый край чуток плавающий в отличии от левой стороны. Как закрепить кнопки на расстоянии 30px от края контента справа? Понимаю что наверно это делается через дополнительный div, но знаний пока не хватает. Прошу помощи

Ответил: ПафНутиЙ


#share42 {
  position: fixed;
  z-index: 1000;
  margin-left: 100%; /* смещение панели влево от края контента */
}

или фиксированная ширина, равная ширине страницы.

Комментарии пользователей (7)

Prowockator
58 | 48

Prowockator - 8 июля 2012 08:21 - Юзер

Как-то не очень понятно чего тебе надо. Оставь хотя бы ссылку на свой сайт посмотреть.

nowheremany
192

1659 | 1292

nowheremany - 8 июля 2012 12:29 - Эксперт

есть свойство css bootom и right и position: absolute

Благодарность принимаю тут Связь

hypernorm
12 | 12

hypernorm - 11 июля 2012 19:13 - Юзер

При использовании позиционирования absolute , панель соц кнопок будет не плавающая

hypernorm
12 | 12

hypernorm - 11 июля 2012 18:49 - Юзер

Попробую пояснить проще:
есть div блок с новостяими и div блок с вертикальным меню сайта. Меню слева , новости справа. (например, на этом сайте наоборот). Мне надо сделать иконки share42 как тут, только в зеркальном отображении. Я попытался это сделать через 2 div: Вот моя примерная схема
 <div style="position: relative;">
     <div class="иконки share42" с параметрами css "position: fixed; right 0px;"></div>
                 ..блок с новостями...
</div>

Но позиционирование fixed с указанием right 0 идет не от родителя а от края старины браузера. Как это обойти или что мне исправить ?

hypernorm
12 | 12

hypernorm - 26 июля 2012 21:32 - Юзер

Решение от ув.товарища ПафНутиЙ не подошло, покопался поигрался и решил свои путем. Не уверен что сделано грамотно и профессионально с точки зрения дизайнера , зато работает. Загнал позиционирование fixed в блок с позиционированием absolute

Решение (правка только в стилях css):

.share42init {position: absolute; right: 0;}
#share42 { position: fixed;  z-index: 10;  padding: 6px 6px 0;}


В .js правите нужную Вам высоту отступа от верхней границы

PS. Сам ты Креведко! То что ты написал в ответе я пробовал еще в первую очередь

nowheremany
192

1659 | 1292

nowheremany - 26 июля 2012 23:27 - Эксперт

собственно" креведко" я пометил данный вопрос. Так же мной и был дан ответ.
Хотя то что ты якобы нашёл ответ сам, похвально

Благодарность принимаю тут Связь

hypernorm
12 | 12

hypernorm - 27 июля 2012 15:06 - Юзер

Твой ответ был не в развернутом ввиде и поэтому не достаточно понятен для не опытных товарищей

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы