HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="32.css"/>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div class="sabitustbolum">
<div class="tasiyici">Sabit üst bölüm içierği</div>
</div>
<div class="tasiyici icerik">
<div class="solbolum">
Sol Bolum icerik
...
Sol bolum icerik
</div>
<div class="sagbolum">Sag bolum ıcergi</div>
<div class="clear"></div>
</div>
</body>
</html>
HTML:
* {padding: 0px; margin: 0px;}
.tasiyici { width: 1000px; margin: auto;}
.sabitustbolum {
height: 60px; background: red; width: 100%; position: fixed; left: 0px; top: 0px;
z-index: 10; border-bottom: 1px solid #ddd;
}
.icerik { margin-top: 70px; border: 1px solid #ddd;}
.solbolum { float: left; width: 700px; height: 600px; background: lavender; border-left: 1px solid blue;}
.sagbolum {float: right; width: 299px; height: 600px; background: pink;
border-left: 1px solid yellow;}
.clear { clear: both;}
.tasiyici { width: 1000px; margin: auto; }
.solbolum { float:left; width: 299px; height: 600px; background:khaki; border-right: 1px solid salmon;}
.sagbolum {float: right; widows: 700px; height: 600px; background: purple;}Şimdiden çok sağ olun.
