Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 9 Ответов
  • 1188 Просмотров
*

Kven

  • Осваиваюсь на форуме
  • 12
  • 0 / 0
Здравствуйте! Помогите пожалуйста разобраться с проблемой позиционирования изображения (белка с правой стороны) на сайте. Адрес сайта чтобы увидеть наглядно - greenunion.ru  работает он на Joomla 1.5. В разных браузерах отображается позиция изображения по разному.

HTML

Код
<div id="block_belka">
<img src="/templates/rt_solarsentinel_j15/images/belkabot.gif"
heigt="130px" width="258px" id="belka"/>
</div>

CSS

Код
div#block_belka {
position: absolute;
bottom:0;
right:0;
width:260px;
height:140px;
z-index:1;
}
#belka {
    position: absolute;
bottom:0;
right:0;
}
« Последнее редактирование: 30.03.2014, 18:45:44 от Kven »
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Добавьте:

Код: css
#main-body-surround {
    position: relative;
}
*

Kven

  • Осваиваюсь на форуме
  • 12
  • 0 / 0
Спасибо большое! Исправил. А не подскажите как сделать так, чтобы изображение с белкой было в правом нижнем углу браузера, а не относительно блока main-content?
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Код: css
div#block_belka {
    bottom: 0;
    height: 140px;
    position: fixed;
    right: 0;
    width: 260px;
    z-index: 1;
}
*

Kven

  • Осваиваюсь на форуме
  • 12
  • 0 / 0
Спасибо. А можно как-то изображение с белкой зафиксировать в этом положении? Чтобы они не перемещались при прокрутке?
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Пожалуйста. Так оно и зафиксировано. Всегда в нижнем правом углу браузера.
*

Kven

  • Осваиваюсь на форуме
  • 12
  • 0 / 0
Извиняюсь, я до этого неправильно объяснил. Я хотел, чтобы изображение было зафиксировано в правом нижнем углу сайта (как на картинке, и чтобы не перемещалась когда прокручиваю страницу вверх или вниз), просто до этого получалось что оно было зафиксировано относительно блока main-content.
« Последнее редактирование: 30.03.2014, 19:32:25 от Kven »
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Но ведь сейчас так и есть:

Спойлер
[свернуть]
*

Kven

  • Осваиваюсь на форуме
  • 12
  • 0 / 0
Я имею в виду, что если сейчас я нахожусь вверху страницы, то и белка находится в нижнем правом углу браузера, а не самого шаблона сайта. А я хотел, чтобы она была именно прикреплена к шаблону сайта и всегда находилась в нижнем правом углу, просто в таком положении белка закрывает некоторый текст.
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Без изменения разметки никак. Вставьте её в футер (<div id="bottom">)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Позиционирование модуля

Автор Frost_

Ответов: 4
Просмотров: 3199
Последний ответ 25.01.2023, 11:36:57
от Frost_
Размазывается SVG на сайте

Автор Lemonez

Ответов: 2
Просмотров: 1545
Последний ответ 22.08.2020, 04:57:56
от Cedars
Проблема с меню на сайте

Автор nesskafe

Ответов: 9
Просмотров: 1384
Последний ответ 01.06.2020, 11:03:58
от sivers
Позиция фонового изображения

Автор Forgiving

Ответов: 2
Просмотров: 1151
Последний ответ 30.03.2020, 10:58:49
от beliyadm
Проблема с меню на сайте и иконками Awesome

Автор Lemonez

Ответов: 1
Просмотров: 1722
Последний ответ 10.02.2020, 05:02:12
от Lemonez