<html>
    <head>
        <title>ololo</title>
        <style>
            html,body{
                margin: 0;
                padding: 0;
                height: 100%;
                width: 100%;
            }

            div{
                text-align: center;
                border: 5px #ccc outset;
            }
        </style>
        <script type="text/javascript">
            window.onload = function(){
                var div = document.getElementById("freezed");
                div.style.width = getDocWidth() - 10;
                div.style.height = getDocHeight()/2 - 10;
                div.style.paddingTop = getDocHeight()/2 
               
                function getDocHeight() {
                    var D = document;
                    return Math.max(
                    Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
                    Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
                    Math.max(D.body.clientHeight, D.documentElement.clientHeight)
                );
                }
                
                function getDocWidth() {
                    var D = document;
                    return Math.max(
                    Math.max(D.body.scrollWidth, D.documentElement.scrollWidth),
                    Math.max(D.body.offsetWidth, D.documentElement.offsetWidth),
                    Math.max(D.body.clientWidth, D.documentElement.clientWidth)
                );
                }
            }
        </script>
    </head>
    <body>
        <div id="freezed">Widget freezed.</div>
    </body>
</html>