Yapmak istediğimiz:
Kodlar:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
div.container {
border: 1px solid #000000;
overflow: hidden;
width: 100%;
}
div.sol {
width: 40%;
float: left;
background-color:#66FF33;
}
div.sag {
width: 60%;
float: right;
background-color:#F5B800;
}
</style>
</head>
<body>
<div class="container" style="overflow: hidden; width: 100%;">
<div class="sol">
<p> sol kolon.</p>
<p> sol kolon.</p>
<p> sol kolon.</p>
<p> sol kolon.</p>
</div>
<div class="sag">
<p> sag kolon.</p>
<p> sag kolon.</p>
<p> sag kolon.</p>
</div>
</div>
</body>
</html>
