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

高分求解，刚用div+css做了一个页面，在ie7下正常显示，但是用ie6打开就变形了，哪位高手能帮我看下啊
刚用div+css做了一个页面，在ie7下正常显示，但是用ie6打开就变形了，哪位高手能帮我看下啊，详细代码如下，附件已经上传到纳米盘（论坛里上传不知道为什么，试了好多次都没成功）head.rar
http://www.namipan.com/d/head.rar/2059524990ddadde0ac9ca139ec1a2670dc2d8c7c0020200

HTML code

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;&lt;title&gt;无标题文档&lt;/title&gt;&lt;style type="text/css"&gt;&lt;!--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;}--&gt;&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;div id="Body_Top"&gt;&lt;img src="images/top.gif" border="0"&gt;&lt;/div&gt;&lt;div id="Body_TopNav"&gt;    &lt;div id="Body_TopNav_leftDIV"&gt;2008年5月13日 星期二&lt;/div&gt;    &lt;div id="Body_TopNav_RightDIV"&gt;        &lt;span&gt;&lt;b&gt;站内搜索&lt;/b&gt; &lt;input type="text" name="T1"&gt;&lt;/span&gt;        &lt;span&gt;&lt;img border="0" src="images/sea.gif"&gt;&lt;/span&gt;    &lt;/div&gt;&lt;/div&gt;&lt;div id="Body_SPX"&gt;&lt;/div&gt;&lt;div id="Body_Txt1"&gt;    &lt;div id="Body_Txt1_L1"&gt;        &lt;div id="Body_Txt1_L1_S"&gt;&lt;img src="newImg/LoginIcon.gif" border="0"&gt;&lt;/div&gt;        &lt;div id="Body_Txt1_L1_X"&gt;            &lt;div id="Body_Txt1_L1_X_Input"&gt;用户名：&lt;input id="txt_username" size="14"&gt;&lt;/div&gt;            &lt;div id="Body_Txt1_L1_X_Input"&gt;密&nbsp; 码：&lt;input id="txt_pwd" size="14"&gt;&lt;/div&gt;            &lt;div id="Body_Txt1_L1_X_Input"&gt;&lt;img src="images/log.gif" border="0"&gt;&lt;img src="images/re.gif" border="0" style="margin-left:20px;"&gt;&lt;/div&gt;        &lt;/div&gt;    &lt;/div&gt;    &lt;div id="Body_Txt1_Z1"&gt;        &lt;div id="Body_Txt1_Z1_S"&gt;&lt;img src="newImg/XINWENTIT.gif" border="0"&gt;&lt;/div&gt;        &lt;div id="Body_Txt1_Z1_X"&gt;            &lt;div id="Body_Txt1_Z1_X_L"&gt;&lt;/div&gt;            &lt;div id="Body_Txt1_Z1_X_R"&gt;&lt;/div&gt;        &lt;/div&gt;    &lt;/div&gt;    &lt;div id="Body_Txt1_R1"&gt;        &lt;div id="Body_Txt1_R1_S"&gt;&lt;img src="newImg/noticeTIT.gif" border="0"&gt;&lt;/div&gt;        &lt;div id="Body_Txt1_R1_Z"&gt;            &lt;!--列表--&gt;        &lt;/div&gt;        &lt;div id="Body_txt1_R1_X"&gt;&lt;img src="images/more.gif" border="0"&gt;&lt;/div&gt;    &lt;/div&gt;&lt;/div&gt;&lt;div id="Body_Txt2"&gt;    &lt;div id="Body_Txt2_L1"&gt;        &lt;div id="Body_Txt2_L1_S"&gt;&lt;img src="newImg/gongzuodongtai.gif" border="0"&gt;&lt;/div&gt;        &lt;div id="Body_Txt2_L1_X"&gt;                    &lt;/div&gt;    &lt;/div&gt;        &lt;div id="Body_Txt2_Z1"&gt;        &lt;div id="Body_Txt2_Z1_S"&gt;&lt;img src="newImg/yewuzhuanti.gif" border="0"&gt;&lt;/div&gt;        &lt;div id="Body_Txt2_Z1_X"&gt;                    &lt;/div&gt;    &lt;/div&gt;        &lt;div id="Body_Txt2_R1"&gt;        &lt;div id="Body_Txt2_R1_S"&gt;&lt;img src="newImg/picNew.gif" border="0"&gt;&lt;/div&gt;        &lt;div id="Body_Txt2_R1_X"&gt;                    &lt;/div&gt;    &lt;/div&gt;&lt;/div&gt;&lt;div id="Body_Txt3"&gt;    &lt;div id="Body_Txt3_W"&gt;        &lt;div id="Body_Txt3_N_S" style=""&gt;            &lt;img src="newImg/zyFile.gif" border="0"&gt;        &lt;/div&gt;        &lt;div id="Body_Txt3_N_X"&gt;                    &lt;/div&gt;    &lt;/div&gt;    &lt;div id="Body_Txt3_W"&gt;        &lt;div id="Body_Txt3_N_S" style=""&gt;            &lt;img src="newImg/gfbiaozhun.gif" border="0"&gt;        &lt;/div&gt;        &lt;div id="Body_Txt3_N_X"&gt;                    &lt;/div&gt;    &lt;/div&gt;    &lt;div id="Body_Txt3_W"&gt;        &lt;div id="Body_Txt3_N_S" style=""&gt;            &lt;img src="newImg/zyMeeting.gif" border="0"&gt;        &lt;/div&gt;        &lt;div id="Body_Txt3_N_X"&gt;                    &lt;/div&gt;    &lt;/div&gt;&lt;/div&gt;&lt;div id="Body_cNav"&gt;    邮箱登录 | 网站地图 | 密码修改 | 系统维护 | 帮 助 | 联系我们&lt;/div&gt;&lt;div id="Body_foot"&gt;    &lt;/div&gt;&lt;/body&gt;&lt;/html&gt;

[解决办法]
没有什么大问题应该就是一般的浏览器兼容问题
像是IE6的float后margin的双倍问题之类的
还有就是没有控制居中的有很多

在IE7里他会自动给你居中
但是像FF的默认是靠左的
像头三个DIV和尾上的FOOT在FF中是不会居中的

因为我也没有IE6~
不好意思看不到其他的问题
[解决办法]
应该这样：主要是#Body_Txt3_W #Body_txt1_R1_X这种宽度超过最外面容器的宽度了
用*和_和兼容IE6和IE7吧。把这两个样式改成下面这样就可以了
#Body_Txt3_W{
float:left;
width:310px;
*margin-left:12px;
_margin-left:8px;
}

#Body_Txt2_R1{
float:left;
width:252px;
*margin:2px 0px 0px 8px;
_margin:2px 0px 0px 1px;
}
[解决办法]
加这个display:inline;解决双倍问题
[解决办法]
经过查看发现~
你的背景图片的白色区域大小为981px
而你的DIV都是980px
不知道你是不是指这个一像素
[解决办法]
多看点兼容方面的材料

不动hacks可以
但是不能不兼容~
你说呢？

高分求解刚用div+css做了一个页面

热点推荐