RSS   



  可打印版本 | 推薦給朋友 | 訂閱主題 | 收藏主題 | 純文字版  


 


 
主題: [html/html5] [問題]Table的每個欄高都不一樣嗎?   字型大小:||| 
ROACH
版主
等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30
減肥中!請勿餵食

十週年紀念徽章(四級)  

 . 積分: 15119
 . 精華: 14
 . 文章: 11767
 . 收花: 140853 支
 . 送花: 6005 支
 . 比例: 0.04
 . 在線: 8870 小時
 . 瀏覽: 85616 頁
 . 註冊: 8223
 . 失蹤: 3
 . 鄉下地方
#1 : 2013-4-9 05:52 PM     只看本作者 引言回覆

寫的那麼多年的網頁今天忽然發現到一個怪問題
是我的認知錯誤嗎

<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td height="70" > </td>
    <td rowspan="3">
    <table width="100%" border="1" cellspacing="0" cellpadding="0">
      <tr>
        <td height="145" > </td>
      </tr>
    </table>
    </td>
    <td> </td>
  </tr>
  <tr>
    <td height="5"> </td>
    <td> </td>
  </tr>
  <tr>
    <td height="70"> </td>
    <td> </td>
  </tr>
</table>
理論上~我左邊那三個框框由上到下設定高度70、5、70
中間塞一個table進來
中間那個table我直接在格子裡面設定高度145
為什麼跟旁邊不等高?
中間那個table也不能設定高度100%


外面的大table用3*3就變成這樣的~那改成這樣勒反而就正常的@@
左邊高度由上到下50、50中間那個table設定100


[ROACH 在  2013-4-9 07:55 PM 作了最後編輯]



[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  訪問主頁  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
osaka
白銀驢友
等級: 15等級: 15等級: 15等級: 15等級: 15
可可的小滴

十週年紀念徽章(五級)  

今日心情

 . 積分: 1222
 . 精華: 1
 . 文章: 4992
 . 收花: 9390 支
 . 送花: 15930 支
 . 比例: 1.7
 . 在線: 3468 小時
 . 瀏覽: 47137 頁
 . 註冊: 7325
 . 失蹤: 34
 . 台灣
#2 : 2013-4-10 02:39 PM     只看本作者 引言回覆

我在猜應該是還有框線的高度問題吧...


[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
335012
銀驢友〔初級〕
等級: 12等級: 12等級: 12
英雄檸檬

今日心情

 . 積分: 391
 . 文章: 1008
 . 收花: 3299 支
 . 送花: 20293 支
 . 比例: 6.15
 . 在線: 2097 小時
 . 瀏覽: 16930 頁
 . 註冊: 7446
 . 失蹤: 601
 . 台南市仁德區
#3 : 2013-5-8 11:16 PM     只看本作者 引言回覆



您的意思是像這樣嗎?三個等高?



[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  訪問主頁  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
Ailio
版主
等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30等級: 30
鸚鵡螺號 艦長

十週年紀念徽章(五級)  

今日心情

 . 積分: 2664
 . 文章: 6462
 . 收花: 22900 支
 . 送花: 4903 支
 . 比例: 0.21
 . 在線: 2827 小時
 . 瀏覽: 85748 頁
 . 註冊: 7462
 . 失蹤: 4
 . 莫名奇妙的商人星球
#4 : 2013-5-12 10:20 PM     只看本作者 引言回覆

不是你的"認知"錯誤

而是瀏覽器的"認知" 跟您的 "認知" 沒有同步

Table裡有Table 或是有form 瀏覽器的處理原則都會不太一樣



[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
335012
銀驢友〔初級〕
等級: 12等級: 12等級: 12
英雄檸檬

今日心情

 . 積分: 391
 . 文章: 1008
 . 收花: 3299 支
 . 送花: 20293 支
 . 比例: 6.15
 . 在線: 2097 小時
 . 瀏覽: 16930 頁
 . 註冊: 7446
 . 失蹤: 601
 . 台南市仁德區
#5 : 2013-5-13 12:47 AM     只看本作者 引言回覆


IE6

IE9

IE10

Opera

Chrome

FireFox

的確,各家瀏覽器確實存在著差異
尤其以IE最讓人心酸
不過在此例,小弟倒是覺得
中間的table,border設為0即可,因為table包著table
而兩個border值都設為1,便會互相擠壓到了
或者,如不想更改html
也可在CSS裡,指定tr的margin以及padding都設為0

[335012 在  2013-5-13 12:57 AM 作了最後編輯]



[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  訪問主頁  發私人訊息  Blog  快速回覆 新增/修改 爬文標記

   

快速回覆
表情符號

更多 Smilies

字型大小 : |||      [完成後可按 Ctrl+Enter 發佈]        

溫馨提示:本區開放遊客瀏覽。
選項:
關閉 URL 識別    關閉 表情符號    關閉 Discuz! 代碼    使用個人簽名    接收新回覆信件通知
發表時自動複製內容   [立即複製] (IE only)


 



所在時區為 GMT+8, 現在時間是 2024-12-4 05:07 PM
清除 Cookies - 連絡我們 - TWed2k © 2001-2046 - 純文字版 - 說明
Discuz! 0.1 | Processed in 0.028075 second(s), 6 queries , Qzip disabled