<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test board</title>
<style type="text/css">
body { margin: 0; }
#sidebar, #content,#post1 { position: absolute; }
#sidebar, #content. #post1 { overflow: auto; padding: 10px; }
#header {
height: 180px; /* высота слоя */
background: #FEDFC0; border-bottom: 2px solid #7B5427;
z-index: 1;
}
#header h1 { padding: 20px; margin: 0; }
#sidebar {
width: 250px; background: #ECF5E4; border-right: 1px solid #231F20;
top: 182px; /* растояние от верхнего края */
bottom: 0; /* растояние снизу */
z-index: 1;
}
#content {
top: 182px; /* растояние от верхнего края */
left: 250px; /* растояние от левого края */
bottom: 0; right: 0;
z-index: 1;
}
#post1 {
top: 190px;
left: 252px;
background: #FEDFC0; border-bottom: 2px solid #7B5427;
bottom: 2; riht: 2;
z-index: 2;
}
</style>
</head>
<body>
<div id="header"><h1>test board</h1></div>
<div id="sidebar">
</div>
<div id="content">
<div id="post1">
<h1>test</h1>
</div>
</div>
</body>
</html>
position: relative
Простой
Простой
Средний