Julius123 Опубликовано 27 ноября, 2017 Жалоба Поделиться Опубликовано 27 ноября, 2017 Всем привет. Используют прелоадер для сайта но он почему-то отображается при разных разрешениях экрана по разному, то по центру, то сбоку, может подскажите с чем это связано? Уже голову сломал. {* 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; } Цитата Ссылка на сообщение Поделиться на другие сайты
chocolate_moles Опубликовано 27 ноября, 2017 Жалоба Поделиться Опубликовано 27 ноября, 2017 Уже голову сломал. .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; } Цитата Ссылка на сообщение Поделиться на другие сайты
Julius123 Опубликовано 27 ноября, 2017 Автор Жалоба Поделиться Опубликовано 27 ноября, 2017 (изменено) .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% больше вбок уходит. с небольшого разрешения экрана вообще сбоку Изменено 27 ноября, 2017 пользователем Julius123 Цитата Ссылка на сообщение Поделиться на другие сайты
mishanya Опубликовано 27 ноября, 2017 Жалоба Поделиться Опубликовано 27 ноября, 2017 Это ничего не дало, я специально поставил top и left 45% потому что так более менее по центру, а при 50% больше вбок уходит. с небольшого разрешения экрана вообще сбоку а кеш обновили? там для центровки специально стоит отступ в половину лоадера margin: -82px 0 0 -35px; Цитата Ссылка на сообщение Поделиться на другие сайты
Julius123 Опубликовано 27 ноября, 2017 Автор Жалоба Поделиться Опубликовано 27 ноября, 2017 а кеш обновили? там для центровки специально стоит отступ в половину лоадера margin: -82px 0 0 -35px;Да, почистил кэш и проверил что новые стили загрузились Цитата Ссылка на сообщение Поделиться на другие сайты
Julius123 Опубликовано 27 ноября, 2017 Автор Жалоба Поделиться Опубликовано 27 ноября, 2017 а кеш обновили? там для центровки специально стоит отступ в половину лоадера margin: -82px 0 0 -35px;Ширина картинки ширина 175жет, высота 70. Может это помо Цитата Ссылка на сообщение Поделиться на другие сайты
chocolate_moles Опубликовано 27 ноября, 2017 Жалоба Поделиться Опубликовано 27 ноября, 2017 Ширина картинки ширина 175жет, высота 70. Может это помо уфф, должно быть вот так margin: -35px 0 0 -87px; Цитата Ссылка на сообщение Поделиться на другие сайты
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.