Добрый день! Подскажите, пожалуйста, почему блок сразу при открытии не становится по центру вертикали и горизонтали, а центрируется только при ресайзе страницы, где ошибка? При этом разметка и стиль не должны меняться. Благодарю!
$(window).resize(function(){
$('.div_body').css({
position:'absolute',
left: ($(window).width() - $('.div_body').outerWidth())/2,
top: ($(window).height() - $('.div_body').outerHeight())/2
});
});
$(window).resize();
.div,
.div_overlay {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.div_overlay {
background-color: rgba(0,0,0,1);
}
.div_body {
background: chocolate;
color: white;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="div">
<div class="div_overlay">
<div class="div_body">Много много текста</div>
</div>
</div>
$(document).ready(function(){ ... });