مممم..
كود HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />
<title>Untitled Document</title>
<!--
* CSS Layout by Flasher.ws
-->
<style type="text/css">
body, html {
height:100%;
}
body {
margin:0;
padding:0;
direction: rtl;
}
#container {
height: 100%;
}
#top {
height: 20%;
background-color: #000;
}
#top #top_r {
height: 100%;
width: 5%;
background-color: green;
float: right;
}
#top #top_l {
height: 100%;
width: 5%;
background-color: green;
float:left;
}
#right {
float:right;
width: 5%;
height: 80%;
background-color: red;
}
#left {
float:left;
width: 5%;
height: 80%;
background-color: red;
}
#center {
width: 90%;
float:right;
height: 80%;
background-color: gray;
}
#center #center_top {
height: 92%;
}
#center #center_bottom {
height: 8%;
background-color: blue;
}
</style>
</head>
<body>
<div id="container">
<div id="top">
<div id="top_r"> </div>
<div id="top_l"> </div>
</div>
<div id="right">
</div>
<div id="center">
<div id="center_top"> </div>
<div id="center_bottom"> </div>
</div>
<div id="left">
</div>
</div>
</body>
</html>
تنفع اختبار في الCSS
(مرفق بتنسيق افضل)