Untitled

<!DOCTYPE html><html><head>

<style type="text/css">

#leftBlockTop
    {
    width:300px; height:200px;

    position: absolute; top: -0px;

    background-color:#fdeaa8;
    }

#leftBlockBottom
    {
    width:300px; height:200px;

    position: absolute; bottom: -0px;

    background-color:#00a8ff;
    }

#centerBlock
    {
    width:300px; height:200px;

    position:absolute; left:50%; top:50%;
    margin:-100px 0 0 -150px;

    background-color:#ccff00;
    }

</style></head>

<body>
    <div id="leftBlockTop">Я сверху</div>
    <div id="leftBlockBottom">Я снизу! </div>
    <div id="centerBlock">А я в центре, лол.</div>
</body>
</html>