Перейти к содержанию
Официальный форум поддержки Simpla

preloader для сайта криво отображается


Рекомендуемые сообщения

Всем привет. Используют прелоадер для сайта но он почему-то отображается при разных разрешениях экрана по разному, то по центру, то сбоку, может подскажите с чем это связано? Уже голову сломал.

 

{* preloader *}
<div id="p_prldr">
<span class="svg_anm"></span>
</div>
<script type="text/javascript">$(window).on('load', function () {
    var $preloader = $('#p_prldr'),
        $svg_anm   = $preloader.find('.svg_anm');
    $svg_anm.fadeOut();
    $preloader.delay(500).fadeOut('slow');
});
</script>
#p_prldr {
position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    z-index: 99999;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}
.svg_anm {
    width: 175px;
    height: 70px;
    position: absolute;
    top: 45%;
    left: 45%;
    background: url(../images/preloader.gif) center center no-repeat;
     background-size:150px;
    background-position:center;
}

 

Ссылка на сообщение
Поделиться на другие сайты

Уже голову сломал.

 

.svg_anm {
  width: 175px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -82px 0 0 -35px;
  background: url(../images/preloader.gif) center center no-repeat;
  background-size:150px;
  background-position:center;
}
Ссылка на сообщение
Поделиться на другие сайты

 

.svg_anm {
  width: 175px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -82px 0 0 -35px;
  background: url(../images/preloader.gif) center center no-repeat;
  background-size:150px;
  background-position:center;
}

Это ничего не дало, я специально поставил top и left 45% потому что так более менее по центру, а при 50% больше вбок уходит. с небольшого разрешения экрана вообще сбоку

Изменено пользователем Julius123
Ссылка на сообщение
Поделиться на другие сайты

Это ничего не дало, я специально поставил top и left 45% потому что так более менее по центру, а при 50% больше вбок уходит. с небольшого разрешения экрана вообще сбоку

 

а кеш обновили? там для центровки специально стоит отступ в половину лоадера margin: -82px 0 0 -35px;

Ссылка на сообщение
Поделиться на другие сайты

а кеш обновили? там для центровки специально стоит отступ в половину лоадера margin: -82px 0 0 -35px;

Да, почистил кэш и проверил что новые стили загрузились

Ссылка на сообщение
Поделиться на другие сайты

а кеш обновили? там для центровки специально стоит отступ в половину лоадера margin: -82px 0 0 -35px;

Ширина картинки ширина 175жет, высота 70. Может это помо

Ссылка на сообщение
Поделиться на другие сайты

Ширина картинки ширина 175жет, высота 70. Может это помо

 

уфф, должно быть вот так

margin: -35px 0 0 -87px;
Ссылка на сообщение
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...