sergei64_89верхний div занимает 70%,нижний 30%,но не меньше 300px
Такое возможно только имея ограницение на всю высоту окна в 1000px... В противном слечае такая комбинация невозможна.
Вот вариант без ограничений, чисто с процентами.
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
* {
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
width: 100%;
}
#container {
position: relative;
height: 100%;
width: 100%;
}
#left {
position: absolute;
top: 0;
left: 0;
width: 30%;
height: 100%;
background-color: red;
}
#right {
position: absolute;
top: 0;
right: 0;
width: 70%;
height: 100%;
background-color: green;
}
#up {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 70%;
background-color: green;
}
#down {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 30%;
background-color: yellow;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id='container'>
<div id='left'></div>
<div id='right'>
<div id='up'></div>
<div id='down'></div>
</div>
</div>
</body>
</html>
