使colspan（ed）和rowspan（ed）表單元格內容佔據全高

首先，請原諒我通過此問題再次提出這個重大討論的問題。使colspan（ed）和rowspan（ed）表單元格內容佔據全高

我的網站有一個儀表板（類似於iGoogle）和用戶在儀表板的不同佈局選項之間切換的選項。這些佈局中的一些具有表格單元跨越多於行和/或列(rowspan and colspan)。在這樣細胞的<div>內不佔據100％高度可用內部<td>當瀏覽器窗口的尺寸重新調整至小視圖 - 圍繞800x570。我目前的分辨率是1280x1024。

佈局是這樣的： Problematic layout

一些樣式信息：
體高度：100％;
表 cellspacing：0; cellpadding：0; border-spacing：2px;保證金：0;填充：0;
th，tr，td vertical-align：top;

我已閱讀並應用這些帖子的解決方案，但無濟於事。
Full height div inside td
DIV stretch to height 100% in a table cell
Getting div to occupy full cell height
How to make <div> fill <td> height

請幫幫忙！

來源

2012-06-19 Horizon

創建的jsfiddle或粘貼完整的代碼在這裏，包括HTML – 2012-06-19 10:37:56

其超過3000行的代碼，包括HTML ，CSS和JavaScript。我正在努力縮小問題範圍。需要更多時間。 – Horizon

@Somebodyisintrouble：我在爲你縮小html大小的同時發現了問題。問題在於第一行較小的單元格的內容。當瀏覽器被重新調整爲小尺寸時，這些小td的「div」內容將疊加在彼此之上（原來是並排的），從而與另一個相比增加了對單元的總高度要求三個大單元。我已經通過確保此佈局的最小寬度爲990px，並且爲主體'（min-width：）'確定了1160px的最小寬度。希望這不是一個錯誤的做法。不管怎麼說，多謝拉。 – Horizon

問題在於第一行的較小的單元格的內容。當瀏覽器被重新調整大小以小尺寸，這些小TD的的DIV含量會堆疊在彼此之上（最初，並排側），因此增加了小區的總高度要求相比，其他三大單元格。我已經通過確保990px此佈局和1160px的最小寬度爲體圍繞這個工作(min-width:)

來源

2012-06-22 06:10:00 Horizon

使colspan（ed）和rowspan（ed）表單元格內容佔據全高

回答

相關問題