Julius123 Posted November 27, 2017 Report Share Posted November 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; } Quote Link to post Share on other sites
chocolate_moles Posted November 27, 2017 Report Share Posted November 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; } Quote Link to post Share on other sites
Julius123 Posted November 27, 2017 Author Report Share Posted November 27, 2017 (edited) .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 November 27, 2017 by Julius123 Quote Link to post Share on other sites
mishanya Posted November 27, 2017 Report Share Posted November 27, 2017 Это ничего не дало, я специально поставил top и left 45% потому что так более менее по центру, а при 50% больше вбок уходит. с небольшого разрешения экрана вообще сбоку а кеш обновили? там для центровки специально стоит отступ в половину лоадера margin: -82px 0 0 -35px; Quote Link to post Share on other sites
Julius123 Posted November 27, 2017 Author Report Share Posted November 27, 2017 а кеш обновили? там для центровки специально стоит отступ в половину лоадера margin: -82px 0 0 -35px;Да, почистил кэш и проверил что новые стили загрузились Quote Link to post Share on other sites
Julius123 Posted November 27, 2017 Author Report Share Posted November 27, 2017 а кеш обновили? там для центровки специально стоит отступ в половину лоадера margin: -82px 0 0 -35px;Ширина картинки ширина 175жет, высота 70. Может это помо Quote Link to post Share on other sites
chocolate_moles Posted November 27, 2017 Report Share Posted November 27, 2017 Ширина картинки ширина 175жет, высота 70. Может это помо уфф, должно быть вот так margin: -35px 0 0 -87px; Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.