我写div+css过程

这是原先我写的 备忘的 尽管写的很烂
frame.css
Java代码
CHARSET "UTF-八";
html,body{
margin: 零px;
padding: 零px;
height: 100%;
/*font-size: 12px;
color: #666666;
background: #ffffff;*/
}
*{
margin: 零px;
padding: 零px;
}
/*由于用了相对位置格局，应分辨率太大时，图片和文字就会被拉伸
之所以采取max-width来设立一个最大的宽度，但是这个属性IE六以次
不支持，之所以作以次更动
!important 唯有FF和IE七之上才支持
_XXX唯有IE6支持
*XXXIE七,IE六都支持
*+XXX惟独IE7支持
这么就可以把他们界别开了
*/
#box{
/*background: red;*/
height: 100% !important;
width: 100% !important;
_width: 1000px;
/*_height: 600px;*/
max-width: 1024px;
min-width: 1000px;
min-height: 500px;
margin: auto;
}
#header{
/*border: 二px solid #零E六;*/
/*background-color: navy;*/
height: 十%;
}
#header img{
height: 100%;
width: 100%;
}
#temp一{
height: 五%;
}
#mainMenu{
/*border: 二px solid #C26;*/
/*background-color: purple;*/
height: 90%;
/*margin-bottom: 三px;*/
background: url("../images/mainMenu.bmp") repeat;/*设立背景图片，并上下左右填充*/
}
#space{
height: auto;
}
#sideBar{
/*background: bule;*/
height: 82%;
width: 25%;
/*border: 二px solid #04E;*/
background-color: blue;
position: relative;
overflow: hidden;
float: right;
}
#sideBar iframe{
height: 100%;
width: 100%;
border: none;
}
#content{
/*background: darkblue;*/
height: 82%;
width: 75%;
float: right;
/*border: 二px solid #555;*/
background-color: green;
overflow: hidden;
}
#content iframe{
height: 100%;
width: 100%;
border: none;
}
#footer{
/*border: 二px solid #F14;*/
width: 100%;
clear: both;
/*color: #c九c九c九;
background: #35B;
text-align: center;
font-size: 15px;
font-size: 12px;
color: #c九c九cc;
border-top: 一px solid #000;*/
position: absolute;
bottom: 零px;
}
#footer img{
vertical-align:middle;/*垂直正中*/
}
#footer a {
color: #c九c九c九;