刚用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">密 码:<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>