Подскажите как сделать плавающий элемент по середине окна даже что б при прокрутке скролла, этот элемент оставался всеравно по центру.
Так же когда изменяешь размер окна браузера элемент передвигается незамедлительно.
Може это как-то делается с помощью CSS?
<html>
<head>
<style type="text/css">
#im {
position:absolute;
width:500px;
height:100px;
border:solid 1px lightsteelblue;
background-color:gray
}
</style>
<script>
function getValue() {
if(window.innerWidth){
width = window.innerWidth;
height = window.innerHeight;
} else if(document.body && document.body.clientWidth){
width = document.body.clientWidth;
height = document.body.clientHeight;
}
var widthIM = document.getElementById("im").offsetWidth;
var heightIM = document.getElementById("im").offsetHeight;
document.getElementById("im").style.left = (width - widthIM) / 2;
document.getElementById("im").style.top = (height - heightIM) / 2;
timerID=setTimeout("getValue()", 1);
}
window.onload = getValue
</script>
</head>
<body>
<div id="im" align="center"></div>
</body>
</html>
В этом коде результат приходит после того как я изменю размер браузера,
а нужно чтобы сразу изменялась позиция элемента.