[問題] 用css div做表格,IE7會跑掉。

看板Web_Design作者時間13年前 (2012/09/29 11:00), 編輯推噓5(505)
留言10則, 8人參與, 最新討論串1/1
請教一下版大們,我用css div做表格, 在chrome看都正常,後來用IE看卻發現表格整個跑掉。 我上網找了文章,發現可以按F12來模擬不同版本的瀏覽器, 結果IE8、IE9是可以正常顯示表格, 但是IE7就是跑不出來。 是否有版大可以給我建議該怎麼做? 謝謝了。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "" rel="nofollow">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

09/29 11:42, , 1F
要作表格用table作不就好了?
09/29 11:42, 1F

09/29 12:21, , 2F
我是看網路上說文章會比較乾淨。,所以...
09/29 12:21, 2F

09/29 12:37, , 3F
表格就還是用 table 會比較好。
09/29 12:37, 3F

09/29 12:43, , 4F
那個是指用table來排版 用div來作表格不會比table還乾淨...
09/29 12:43, 4F

09/29 13:22, , 5F
該用什麼標籤就用什麼標籤,就像你不會把湯匙當牙簽來剔牙
09/29 13:22, 5F

09/29 16:46, , 6F
資料是表格型態的話就是用<table>標籤,這才是這個標籤
09/29 16:46, 6F

09/29 16:47, , 7F
的原本意函。只是以前<table>也被拿來排版,現在排版div
09/29 16:47, 7F

09/29 18:59, , 8F
先搞清楚每個標籤的意義吧!
09/29 18:59, 8F

09/29 21:15, , 9F
以前table排版是因為PS輸出是這樣吧..現在可以不用再...
09/29 21:15, 9F

09/30 14:49, , 10F
套一下 modernizr試試看
09/30 14:49, 10F
文章代碼(AID): #1GPcHCEM (Web_Design)