hi£¡
I recently encountered a problem£¡
Here is the html <snip>
Effect Picture <snip>
thanks£¬goodluck everyday£¡
the 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=utf-8" />
<meta name="author" content="Chomo" />
<title>css+div=Frame</title>
<style type="text/css">
* {
margin:0;
padding:0;
list-style:none;
}
html {
height:100%;
overflow:hidden;
}
body {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
_height:100%;
_position:relative;
font-size:32px;
}
P {
height:800px
}
.fleft {
float:left
}
.LeftDiv, .RightDiv {
overflow:hidden;
}
.LeftDiv div, .LeftDiv {
width:200px
}
.LeftDiv {
position:absolute;
left:0px;
top:0px;
bottom:0px;
}
.LeftTop {
height:150px;
}
.LeftCenter {
position:absolute;
top:150px;
bottom:200px;
overflow:auto;
}
.LeftBottom {
height:200px;
position:absolute;
bottom:0px;
}
.RightDiv {
position:absolute;
left:200px;
top:0px;
bottom:0px;
right:0px;
}
.RightDiv div {
width:100%
}
.RightTop {
height:50px
}
.RightCenter {
position:absolute;
top:50px;
bottom:80px;
overflow:auto;
}
.RightBottom {
height:80px;
position:absolute;
bottom:0px;
}
.LeftTop, .LeftBottom {
background:#FECACC;
}
.RightCenter {
background:#990068;
}
.LeftCenter, .RightTop, .RightBottom {
background:#8001FF;
}
.LeftDiv, .RightDiv, .LeftCenter, .RightCenter {
*height:100%;
}
</style>
</head>
<body>
<div class="LeftDiv fleft">
<div class="LeftTop">width:200px
height:150px</div>
<div class="LeftCenter">width:200px
height:100%
{Adaptive Height}<br>
<p> </p>
in the ie6~,~,help me please!</div>
<div class="LeftBottom">width:200px
height:100px</div>
</div>
<div class="RightDiv fleft">
<div class="RightTop">width:100% {Adaptive Width} height:50px</div>
<div class="RightCenter">width:100%{Adaptive Width}
height:100%{Adaptive Height}
<p> </p>
in the ie6~,~</div>
<div class="RightBottom">width:100% {Adaptive Width} height:80px</div>
</div>
</body>
</html>
¡ª¡ª¡ª¡ª¡ª¡ª¡ª¡ª
Effect Picture£¡
[edited by: swa66 at 6:38 am (utc) on Oct. 19, 2009]
[edit reason] No links please. See ToS and Forum Charter. [/edit]
