请教大侠这段html+css代码为什么在ie和firefox中显示不一致?多谢多谢!!!
不好意思稍微有点长,感激不尽
index.html:
<?xml version= "1.0 " encoding= "utf8 "?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN "
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml " xml:lang= "ja ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=utf-8 " />
<title> ZQwoo with XHTML+CSS </title>
<link rel= "stylesheet " type= "text/css " href= "index.css " />
</head>
<body>
<div style= "text-align : center; ">
<div id= "space_all ">
<div id= "space_logo ">
<div id= "space_logo_left "> </div>
<div id= "space_logo_center "> <img src= "images/zqwoo/index/banner.jpg " alt= "mmmmmmmmmmmm " /> </div>
<div id= "space_logo_right ">
<br />
ID： <input type= "text " name= "yourID " value= "ID " /> <br />
Password： <input type= "password " name= "yourPW " /> <br />
<a href = "# "> new member </a> │ <a href = "# "> Login </a> <br />
<a href = "# "> forget password </a>
</div>
</div>
<div id= "space_menu ">
<ul>
<li> <a href = "# "> <img src= "images/zqwoo/index/bt_1.jpg " width= "120 " height= "30 " alt= "aaa " /> </a> </li>
<li> <a href = "# "> <img src= "images/zqwoo/index/bt_2.jpg " width= "120 " height= "30 " alt= "bbb " /> </a> </li>
<li> <a href = "# "> <img src= "images/zqwoo/index/bt_3.jpg " width= "120 " height= "30 " alt= "ccc " /> </a> </li>
<li> <a href = "# "> <img src= "images/zqwoo/index/bt_4.jpg " width= "120 " height= "30 " alt= "ddd " /> </a> </li>
<li> <a href = "# "> <img src= "images/zqwoo/index/bt_5.jpg " width= "120 " height= "30 " alt= "eee " /> </a> </li>
<li> <a href = "# "> <img src= "images/zqwoo/index/bt_6.jpg " width= "120 " height= "30 " alt= "fff " /> </a> </li>
</ul>
</div>
<table border=0> <tr> <td>
<div id= "space_left ">
<div id= "space_left_items ">
<h2> Zqwoo News </h2>
<ul>
<li> <a href = "# "> n11111111... </a> </li>
<li> <a href = "# "> n22222222... </a> </li>
<li> <a href = "# "> n33333333... </a> </li>
<li> <a href = "# "> n44444444... </a> </li>
<li> <a href = "# "> n55555555... </a> </li>
</ul>
<a href = "# "> </a> <a href = "# "> more </a> </div>
<div id= "space_left_items ">
<h2> ranking </h2>
<ul>
<li> <a href = "# "> r111111111 </a> </li>
<li> <a href = "# "> r222222222 </a> </li>
<li> <a href = "# "> r333333333 </a> </li>
<li> <a href = "# "> r444444444 </a> </li>
<li> <a href = "# "> r555555555 </a> </li>
</ul>
<a href = "# "> more </a> </div>
<div id= "space_left_items ">
<h2> view </h2>
<ul>
<li> <a href = "# "> v1111111111 </a> </li>
<li> <a href = "# "> v2222222222 </a> </li>
<li> <a href = "# "> v3333333333 </a> </li>
<li> <a href = "# "> v4444444444 </a> </li>
<li> <a href = "# "> v5555555555 </a> </li>
</ul>
<a href = "# "> more </a> </div>
</div>
</td> <td>
<div id= "space_right ">
<div id= "space_right_items1 ">
<h2> aaaaaaaaaaaaaaaaaaaaaaaaaaaa </h2>
<br />
<input type= "text " name= "yourID " value= " " size= "70% " /> <a href = "# "> search </a> <br />
<input type= "submit " value= "commit " /> <a href = "# "> searchTips </a>
</div>
<div id= "space_right_items2 ">
<h2> bbs </h2>
<ul>
<li> <a href= "# "> <img src= "images/zqwoo/index/bt.jpg " width= "70 " height= "65 " alt= "c1 " /> </a> </li>
<li> <a href= "# "> <img src= "images/zqwoo/index/bt.jpg " width= "70 " height= "65 " alt= "c2 " /> </a> </li>
<li> <a href= "# "> <img src= "images/zqwoo/index/bt.jpg " width= "70 " height= "65 " alt= "c3 " /> </a> </li>
<li> <a href= "# "> <img src= "images/zqwoo/index/bt.jpg " width= "70 " height= "65 " alt= "c4 " /> </a> </li>
<li> <a href= "# "> <img src= "images/zqwoo/index/bt.jpg " width= "70 " height= "65 " alt= "c5 " /> </a> </li>
<li> <a href= "# "> <img src= "images/zqwoo/index/bt.jpg " width= "70 " height= "65 " alt= "c6 " /> </a> </li>
<li> <a href= "# "> <img src= "images/zqwoo/index/bt.jpg " width= "70 " height= "65 " alt= "c7 " /> </a> </li>
</ul>
<ul>
<li> <a href= "# "> <img src= "images/zqwoo/index/bt.jpg " width= "70 " height= "65 " alt= "c8 " /> </a> </li>
<li> <a href= "# "> <img src= "images/zqwoo/index/bt.jpg " width= "70 " height= "65 " alt= "c9 " /> </a> </li>
<li> <a href= "# "> <img src= "images/zqwoo/index/bt.jpg " width= "70 " height= "65 " alt= "c10 " /> </a> </li>
<li> <a href= "# "> <img src= "images/zqwoo/index/bt.jpg " width= "70 " height= "65 " alt= "c11 " /> </a> </li>
<li> <a href= "# "> <img src= "images/zqwoo/index/bt.jpg " width= "70 " height= "65 " alt= "c12 " /> </a> </li>
<li> <a href= "# "> <img src= "images/zqwoo/index/bt.jpg " width= "70 " height= "65 " alt= "c13 " /> </a> </li>
<li> <a href= "# "> <img src= "images/zqwoo/index/bt.jpg " width= "70 " height= "65 " alt= "c14 " /> </a> </li>
</ul>
</div>
<div id= "space_right_items3 ">
<h2> q/a </h2>
<ul>
<li> <a href = "# "> q1111111 </a> 11111111 </li>
<li> <a href = "# "> q2222222 </a> 22222222 </li>
<li> <a href = "# "> q33333333 </a> 3333333 </li>
<li> <a href = "# "> q4444444 </a> 44444444 </li>
<li> <a href = "# "> q5555555 </a> 555555555 </li>
</ul>
<a href = "# "> aaaaaaaaaa </a> ｜
<a href = "# "> bbbbbbbbbb </a> ｜
<a href = "# "> cccccccccc </a> ｜
<a href = "# "> dddddddddd </a> ｜
<a href = "# "> eeeeeeeeee </a>
</div>
</div>
</td> </tr> </table>
<div id= "space_footer ">
<a href = "# "> 1111111111111111 </a> │
<a href = "# "> 2222222222222222 </a> │
<a href = "# "> 3333333333333333 </a>
</div>
</div>
</div>
</body>
</html>
[解决办法]
相当的长了, 下面兄弟继续吧
我实在看不下去...
[解决办法]
IE 和 fireFox对DIV的高度和宽度解释不一样
[解决办法]
谁有乐墩阿，眼睛疼