作者nosql (mingray/nosql)
看板Web_Design
標題Re: [問題] div+css滿版問題
時間Thu Aug 6 11:36:09 2009
最前面加上
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"
http://www.w3.org/TR/html4/strict.dtd">
或是
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd">
或是XHTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
或是
<!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">
IE6顯示結果可能會多個空行
IE7/Opera顯示正常
IE7會修正旁邊多出的寬度
---
example
<!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">
<body>
aa
<div style='background:#C9F'>
<div style='float:left;width:200px;background:#CCF'>
test
</div>
<div style='margin-left:200px;background:#9CF'>
<table width="100%">
<tbody>
<tr>
<td>
a
</td>
<td>
b
</td>
</tr>
</tbody>
</table>
</div>
</div>
cc<br />
<div style='clear:both;'></div>
cc
</body>
</html>
---
原始討論
http://bytes.com/topic/html-css/answers/100441-problems-table-width-ie
google: ie width css 100% table
--
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.116.201.115
※ 編輯: nosql 來自: 140.116.201.115 (08/06 11:47)
→ nosql:千錯萬錯都是IE的錯(無誤) 08/06 11:49
推 arrack:真是專業:D 08/06 15:41