Hey guys, I think I have a really newb question for you all but I need some advice.

I am currently using:

Code:
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="refresh" content="3600"> 
    <title>Main Page</title>
    <script type="text/javascript">
        function setTime() {
            var today = new Date();
            document.getElementById("spTime").innerHTML = today;
        }
    </script>
</head>
<body onload="setTime();">
    <iframe src="www.MYLINK.com" style="width:100%;height:1000px;"></iframe>
    <span id="spTime"></span>
</body>
</html>
to auto-refresh a webpage at my job. It is a monitoring software that is on 24/7. The web application auto-updates itself every 30 seconds but for some reason it does not release system resources and chews up RAM. Because of this, I put in an auto-refresh in the html to release the resources. However, the problem I am having is that, the individuals who watch this application drag an options menu out of the way when they login. They drag it closed and it shows the application full screen (just like expanding a browser window). When the auto-refresh goes through though, it defaults back to the side-menu being visible because that is the default upon login. Does anyone know a way to retain the most recent format of the page so all of the dragged/arranged items on the page stay the same??

Any advice would be great! A lot of information for a small issue, I know. Just wanted to give some background.

Thanks again!