Leoo,
DIV по умолчанию занимает всё пространство по горизонтали.
| Код |
<html>
<head>
<title>test</title>
<style type="text/css">
html, body{
height: 96%;
}
div{
border: 1px solid #aaa;
}
#upper{
height: 80%;
border: 0px none;
}
#bottom{
height: 20%;
border: 0px none;
}
#upper-left, #bottom-left{
float: left;
height: 100%;
width: 200px;
}
#upper-right {
border: 0px none;
}
#upper-right, #bottom-right{
margin-left: 205px;
height: 100%;
}
#upper-right-1{
height: 10%;
}
#upper-right-2{
height: 50%;
}
#upper-right-3{
height: 40%;
}
</style>
</head>
<body>
<div id="upper">
<div id="upper-left">sdf</div>
<div id="upper-right">
<div id="upper-right-1">sdf</div>
<div id="upper-right-2">sdf</div>
<div id="upper-right-3">sdf</div>
</div>
</div>
<div id="bottom">
<div id="bottom-left">sdf</div>
<div id="bottom-right">sdf</div>
</div>
</body>
</html>
|
|