buju.css

AjaxMembership示例代码,Membership的使用方法

body
{
    font-size: 13px;
    text-align: center;
    margin: 0px;
    padding: 0px;
}
.rooter
{
    width: 100%;
    margin: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.header
{
    background: url(/WebSite2/images/dfhb_head.jpg) 0 30px no-repeat; /*加入背景图片*/
    width: 730px; /*设定层的宽度*/
    margin:0; /*层居中*/
    height: 120px; /*设定高度*/
    border-bottom: 5px solid #EFEFEF; /*画一条浅灰色实线*/
    clear: both /*清除浮动*/;
}
.bodyer
{
    width: 800px;
    margin: 0 auto;
    height: 400px;
    border-right: #66cc33 thin solid;
    border-top: #66cc33 thin solid;
    border-left: #66cc33 thin solid;
    border-bottom: #66cc33 thin solid;
}
.footer
{
    width: 800px;
    margin: 0 auto;
    height: 50px;
    background: #00FFFF;
    border-right: #33ccff thin dashed;
    border-top: #33ccff thin dashed;
    border-left: #33ccff thin dashed;
    border-bottom: #33ccff thin dashed;
}
/*利用padding:20px 20px 0 0来固定菜单位置*/
#menu
{
    padding: 0px 0px 0 0;
    margin: 0;
    vertical-align: top;
}
/*添加了float:right使得菜单位于页面右侧*/
#menu ul {float:right;list-style:none;margin:0px;}
#menu ul li
{
    float: left;
    margin: 0 10px;
    display: block;
    line-height: 28px;
}
.menuDiv
{
    width: 1px;
    height: 28px;
    background: #999;
    text-align: right;
}
#menu ul li a:link,#menu ul li a:visited {font-weight:bold;color:#666}
#menu ul li a:hover{}

#leftBodyer { 
 width:160px; /*设定宽度*/
 text-align:left; /*文字左对齐*/
 float:left; /*浮动居左*/
 clear:left; /*不允许左侧存在浮动*/
 overflow:hidden; /*超出宽度部分隐藏*/
background-color: #66cc33; 
}

#mainBodyer
{
    width: 570px;
    text-align: left;
    float: right; /*浮动居右*/
    clear: right; /*不允许右侧存在浮动*/
    overflow: hidden;
    background-color: #ff9933;
}
/*详细数据显示层*/
.detailsView1
{
    z-index: 200;
    left: 200px;
    position: absolute;
    top: 200px;
}