<html>
<head>
<style>
body{height:100%;padding: 0;margin: 0; }
.login_wrapper{height:100%;}
.login_header,.login_footer{background-color:black;height:20%;}
.login_content{ 1004px;height: 100%;background: #f00; margin:0 auto;}
.left{float:left;50%;border:1px solid #F00; height:100%; background:green;}
.right {float:left;49.6%;border:1px solid #000;height: 100%; background:gray;}
</style></head>
<body>
<div class="login_wrapper">
<div class="login_header"></div>
<div class="login_content">
<div class="left">
fddddddddddddddddddddddddd
</div>
<div class="right">
fddddddddddddddddddddddddd
</div>
</div>
<div class="login_footer"></div>
</div>
</body>