Aslında benim tam olarak istediğim aşağıdaki kodların çıktısıydı. Ramazam'da biraz dalgın oluyorum, ilk başta isteğimi eksik yazmışım.
style.css :
.main_area{
background: #51b9ee;
width:900px;
border:1px solid;
}
.container{
background: #51a1aa;
margin:3px;
width:auto;
display:table;
text-align:left;
}
.menu_area{
width:120px;
float:left;
margin-right:5px;
}
.content_area{
width:755px;
float:left;
}
.content_box {
border: 1px solid #ffffff;
margin-bottom: 3px;
}
.content_header {
background: #0099CC url(images/bar.png);
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
font-size: 11px;
text-align: left;
padding: 2px;
padding-left: 4px;
}
.content_content {
font-family: Arial;
font-size: 11px;
color: #333333;
text-align: left;
padding: 3px;
}index.html :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-9" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>deneme</title>
</head>
<body>
<div class="main_area">
<div class="container">
<div class="menu_area">
<div class="content_box">
<div class="content_header">Baslik</div>
<div class="content_content">içerik</div>
</div>
<div class="content_box">
<div class="content_header">Baslik</div>
<div class="content_content">içerik</div>
</div>
</div>
<div class="content_area">
<div class="content_box">
<div class="content_header">Baslik</div>
<div class="content_content">Sag taraf</div>
</div>
</div>
</div>
</div>
</body>
</html>