Jump to content

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


Recommended Posts

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

 

{* 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;
}

 

Link to post
Share on other sites

 

.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% больше вбок уходит. с небольшого разрешения экрана вообще сбоку

Edited by Julius123
Link to post
Share on other sites

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

 

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

Link to post
Share on other sites

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

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

Link to post
Share on other sites

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

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

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...