当前位置: 代码迷 >> HTML/CSS >> 高分求解,刚用div+css做了一个页面,在ie7下正常显示,但是用ie6打开就变形了,谁能帮小弟我看下
  详细解决方案

高分求解,刚用div+css做了一个页面,在ie7下正常显示,但是用ie6打开就变形了,谁能帮小弟我看下

热度:227   发布时间:2012-03-06 20:47:55.0
高分求解,刚用div+css做了一个页面,在ie7下正常显示,但是用ie6打开就变形了,哪位高手能帮我看下啊
刚用div+css做了一个页面,在ie7下正常显示,但是用ie6打开就变形了,哪位高手能帮我看下啊,详细代码如下,附件已经上传到纳米盘(论坛里上传不知道为什么,试了好多次都没成功)head.rar  
http://www.namipan.com/d/head.rar/2059524990ddadde0ac9ca139ec1a2670dc2d8c7c0020200
HTML code

<!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
Body {
    margin:0px;
    padding:0px;
    text-align:center;
    background-color:#F2F8FF;
    background-image:url(newImg/bg.jpg);
    background-repeat:repeat-y;
    background-position:center;
}
Body, Div {
    font-size:12px;
    color:#000000;
    font-family:"宋体";
}
#Body_Top {
    width:980px;
    height:101px;
}
#Body_TopNav {
    width:980px;
    height:28px;
    background-color:#2FAFE9;
}
#Body_TopNav_leftDIV{
    margin:6px 0px 0px 20px;
    float:left;
    color:#FFFFFF;
    font-size:14px;
    font-weight:bold;
}
#Body_TopNav_RightDIV{
    margin:3px 20px 0px 00px;
    float:right;
    color:#FFFFFF;
    font-size:14px;
}
#Body_TopNav_RightDIV span{
    vertical-align:top;
}
#Body_SPX{
    width:980px;
    height:15px;
    background-image:url(newImg/HpxBG.jpg);
    background-repeat:repeat-x;
}
#Body_Txt1{
    width:980px;
    height:290px;
}
#Body_Txt1_L1{
    float:left;
    width:255px;
    height:255px;
    margin-top:15px;
    margin-left:12px;
    padding-top:14px;
    background-image:url(newImg/loginBG.jpg);
    background-repeat:no-repeat;
    text-align:center;
}
#Body_Txt1_L1_S{
    width:210px;
    text-align:left;
    background-color:#D1EAF6;
    padding:8px 0px 8px 8px;
    border-bottom:3px #085EB0 solid;
}
#Body_Txt1_L1_X{
    width:218px;
    height:170px;
    background-color:#FFFFFF;
    background-image:url(newImg/LoginXBG.jpg);
    background-repeat:repeat-x;
}
#Body_Txt1_L1_X_Input{
    width:200px;
    margin-top:25px;
    font-weight:bold;
    color:#085EB0;
}
#Body_Txt1_Z1{
    float:left;
    width:435px;
    height:279px;
    margin:2px 0px 0px 5px;
}
#Body_Txt1_Z1_S{
    text-align:left;
    padding-left:8px;
}
#Body_Txt1_Z1_X{
    width:435px;
    height:240px;
    margin-top:3px;
    background-color:#FFFFFF;
    background-image:url(newImg/XINWENBG.jpg);
    background-repeat:no-repeat;
}
#Body_Txt1_Z1_X_L{
    width:276px;
    height:194px;
    float:left;
    margin:14px 0px 0px 12px;
    background-color:#00FFFF;
}
#Body_Txt1_Z1_X_R{
    width:128px;
    height:180px;
    float:left;
    margin:14px 0px 0px 6px;
    background-color:#CCFF00;
}
#Body_Txt1_R1{
    float:left;
    width:252px;
    margin:2px 0px 0px 8px;
}
#Body_Txt1_R1_S{
    text-align:left;
    padding:0px 0px 5px 8px;
    border-bottom:4px #085EB0 solid;
}
#Body_Txt1_R1_Z{
    width:252px;
    height:200px;
    background-color:#00CCCC;
}
#Body_txt1_R1_X{
    text-align:right;
    padding-top:10px;
}
#Body_Txt2{
    width:980px;
    height:235px;
}
#Body_Txt2_L1{
    float:left;
    width:330px;
    height:210px;
    margin-left:12px;
}
#Body_Txt2_L1_S{
    width:330px;
    text-align:left;
    padding:0px 0px 8px 8px;
    border-bottom:3px #085EB0 solid;
}
#Body_Txt2_L1_X{
    height:180px;
    text-align:left;
    background-color:#00FFCC;
}
#Body_Txt2_Z1{
    float:left;
    width:330px;
    height:210px;
    margin-left:25px;
}
#Body_Txt2_Z1_S{
    text-align:left;
    padding:0px 0px 6px 8px;
    border-bottom:3px #085EB0 solid;
}
#Body_Txt2_Z1_X{
    height:180px;
    text-align:left;
    background-color:#00FFCC;
}
#Body_Txt2_R1{
    float:left;
    width:252px;
    margin:2px 0px 0px 8px;
}
#Body_Txt2_R1_S{
    text-align:left;
    padding:0px 0px 5px 8px;
}
#Body_Txt2_R1_X{
    width:252px;
    height:180px;
    margin:2px 0px 0px 8px;
    border:1px #085EB0 solid;
}
#Body_Txt3{
    width:980px;
    height:235px;
}
#Body_Txt3_W{
    float:left;
    width:310px;
    margin-left:12px;
}
#Body_Txt3_N_S{
    width:310px;
    height:32px;
}
#Body_Txt3_N_X{
    width:310px;
    height:205px;
    background-color:#D0F0FF;
    border:1px #B1FAF7 solid;
}
#Body_cNav{
    width:980px;
    text-align:center;
    padding:30px 0px 10px 0px;
}
#Body_foot{
    width:980px;
    height:91px;
    background-image:url(newImg/botBG.jpg);
    background-repeat:repeat;
}
-->
</style>
</head>
<body>
<div id="Body_Top"><img src="images/top.gif" border="0"></div>
<div id="Body_TopNav">
    <div id="Body_TopNav_leftDIV">2008年5月13日 星期二</div>
    <div id="Body_TopNav_RightDIV">
        <span><b>站内搜索</b> <input type="text" name="T1"></span>
        <span><img border="0" src="images/sea.gif"></span>
    </div>
</div>
<div id="Body_SPX"></div>
<div id="Body_Txt1">
    <div id="Body_Txt1_L1">
        <div id="Body_Txt1_L1_S"><img src="newImg/LoginIcon.gif" border="0"></div>
        <div id="Body_Txt1_L1_X">
            <div id="Body_Txt1_L1_X_Input">用户名:<input id="txt_username" size="14"></div>
            <div id="Body_Txt1_L1_X_Input">密&nbsp; 码:<input id="txt_pwd" size="14"></div>
            <div id="Body_Txt1_L1_X_Input"><img src="images/log.gif" border="0"><img src="images/re.gif" border="0" style="margin-left:20px;"></div>
        </div>
    </div>
    <div id="Body_Txt1_Z1">
        <div id="Body_Txt1_Z1_S"><img src="newImg/XINWENTIT.gif" border="0"></div>
        <div id="Body_Txt1_Z1_X">
            <div id="Body_Txt1_Z1_X_L"></div>
            <div id="Body_Txt1_Z1_X_R"></div>
        </div>
    </div>
    <div id="Body_Txt1_R1">
        <div id="Body_Txt1_R1_S"><img src="newImg/noticeTIT.gif" border="0"></div>
        <div id="Body_Txt1_R1_Z">
            <!--列表-->
        </div>
        <div id="Body_txt1_R1_X"><img src="images/more.gif" border="0"></div>
    </div>
</div>
<div id="Body_Txt2">
    <div id="Body_Txt2_L1">
        <div id="Body_Txt2_L1_S"><img src="newImg/gongzuodongtai.gif" border="0"></div>
        <div id="Body_Txt2_L1_X">
            
        </div>
    </div>
    
    <div id="Body_Txt2_Z1">
        <div id="Body_Txt2_Z1_S"><img src="newImg/yewuzhuanti.gif" border="0"></div>
        <div id="Body_Txt2_Z1_X">
            
        </div>
    </div>
    
    <div id="Body_Txt2_R1">
        <div id="Body_Txt2_R1_S"><img src="newImg/picNew.gif" border="0"></div>
        <div id="Body_Txt2_R1_X">
            
        </div>
    </div>
</div>
<div id="Body_Txt3">
    <div id="Body_Txt3_W">
        <div id="Body_Txt3_N_S" style="">
            <img src="newImg/zyFile.gif" border="0">
        </div>
        <div id="Body_Txt3_N_X">
            
        </div>
    </div>
    <div id="Body_Txt3_W">
        <div id="Body_Txt3_N_S" style="">
            <img src="newImg/gfbiaozhun.gif" border="0">
        </div>
        <div id="Body_Txt3_N_X">
            
        </div>
    </div>
    <div id="Body_Txt3_W">
        <div id="Body_Txt3_N_S" style="">
            <img src="newImg/zyMeeting.gif" border="0">
        </div>
        <div id="Body_Txt3_N_X">
            
        </div>
    </div>
</div>
<div id="Body_cNav">
    邮箱登录 | 网站地图 | 密码修改 | 系统维护 | 帮 助 | 联系我们
</div>
<div id="Body_foot">
    
</div>
</body>
</html>

 
  相关解决方案