作者lose1225 ()
看板Web_Design
標題[問題] 用css div做表格,IE7會跑掉。
時間Sat Sep 29 11:00:26 2012
請教一下版大們,我用css div做表格,
在chrome看都正常,後來用IE看卻發現表格整個跑掉。
我上網找了文章,發現可以按F12來模擬不同版本的瀏覽器,
結果IE8、IE9是可以正常顯示表格,
但是IE7就是跑不出來。
是否有版大可以給我建議該怎麼做? 謝謝了。
<!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" lang="en-US">
<head><title>table using divs</title>
<style type="text/css">
.div-table{display:table; border:1px solid #003399;}
.div-table-caption{display:table-caption; background:#009999;}
.div-table-row{display:table-row;}
.div-table-col{display:table-cell; padding: 5px; border: 1px solid
#003399;}
</style>
</head>
<body>
<div class="div-table">
<div class="div-table-caption">This is a caption</div>
<div class="div-table-row">
<div class="div-table-col">1st Column</div>
<div class="div-table-col">2nd Column</div>
</div>
</div>
</body>
</html>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.57.90.237
推 EAFV:要作表格用table作不就好了? 09/29 11:42
→ lose1225:我是看網路上說文章會比較乾淨。,所以... 09/29 12:21
→ terlin10:表格就還是用 table 會比較好。 09/29 12:37
推 EAFV:那個是指用table來排版 用div來作表格不會比table還乾淨... 09/29 12:43
→ Canboo:該用什麼標籤就用什麼標籤,就像你不會把湯匙當牙簽來剔牙 09/29 13:22
推 huantasy:資料是表格型態的話就是用<table>標籤,這才是這個標籤 09/29 16:46
→ huantasy:的原本意函。只是以前<table>也被拿來排版,現在排版div 09/29 16:47
推 Ken52039:先搞清楚每個標籤的意義吧! 09/29 18:59
→ pukia:以前table排版是因為PS輸出是這樣吧..現在可以不用再... 09/29 21:15
推 mdfh:套一下 modernizr試試看 09/30 14:49