Untitled

<!DOCTYPE HTML>
<html lang="en-US">
<head>

    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="style/main_style.css">

    <title>Jefferson Webdesign</title>

    <script type="text/javascript">

        var container = document.getElementById("container");
        function resize() {


        if (typeof window.innerWidth != 'undefined') {
            viewportwidth = window.innerWidth,
            viewportheight = window.innerHeight
        }

        // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

        else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) {
            viewportwidth = document.documentElement.clientWidth,
            viewportheight = document.documentElement.clientHeight
        }

        // older versions of IE

        else {
            viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
            viewportheight = document.getElementsByTagName('body')[0].clientHeight
        }
        container.style.height = viewportheight+"px";
        }
    </script>

</head>

<body onload="resize()" onresize="resize()">

<div id="main_wrapper">

    <div id="landing_page">
        <div class="container" id="container">
            <div id="logo"><img src="images/logo.png" alt="Jefferson Webdesign"></div>
        </div>
    </div>

    <div id="work">
        <div class="container" id="container">

        </div>
    </div>

</div>

</body>

</html>