Edit in JSFiddle

<!DOCTYPE html>
<html>
<head>
<title>HTML’de Div’i Float ile Sağa / Sola konumlandırma</title>
<style type="text/css"> <!–
#main {
width:900px;
background-color:#f4f4f4;
}
#header {width:900px;background-color:#ccc;height:100px;margin-bottom:10px;}
#post {float:left;width:495px;background-color:#ccc;height:250px;margin-bottom:10px;}
#sidebar {float:right;width:395px;background-color:#ccc;height:250px;margin-bottom:10px;}
.clear {clear:both;}
#footer {width:900px;background-color:#ccc;height:100px;margin-bottom:10px;}
–> </style>
</head>
<body>
<div id="main">
<div id="header">Başlık</div>
<div id="post">Yazı Bölümü</div>
<div id="sidebar">Sağ Menü</div>
<div class="clear"></div>
<div id="footer">Sayfa Altı Bölümü</div>
</div>
</body>
</html>