如何解決IE 7中的HTML表格渲染錯誤？

Question

我有一張桌子。有些單元格跨越多列。一些單元格跨越多行和多列。但是，一行（跨越所有列，但是最右邊的一列）會創建一個工件。部分單元格中的文本在表格下方的新行中錯誤地重複左對齊。我很困惑。

我嘗試着渲染，沒有「table-layout：fixed;」。同樣的結果。

當我最初使用HTML和CSS編寫設計時，它看起來很棒。但後來我把它工作到一個頁面，並不得不添加更多的列到我的主表持有按鈕的權利。這些按鈕分爲三組，每組都有自己的div，以便在窗口變窄時控制浮動和重新打包。一個div裏面有另一個表，它將一排按鈕組合在一起。因此我在table裏面有div裏面的td。

我寧願更簡單的設計，但如何？這是我想擁有的一切：

................................................................................... 
.         .            . 
. Four rows of data    . Three groups of buttons that can reflow . 
. With several columns   . if window gets narrower     . 
. meticulously layed out,  .            . 
. That should not resize  .            . 
. when window gets narrower  .            . 
................................................................................... 
. One more row of data spanning the whole screen which stays below the buttons . 
................................................................................... 

我在做什麼是把三個div的使用按鈕在右上角中，橫跨四大行單細胞。 CSS提供了什麼其他的機會？這些按鈕不允許與左側的數據重疊或者越過下面的數據線。

原始設計的按鈕不在數據表中，但當窗口變窄時，某些按鈕會流動，使得它們位於數據下方，這看起來很糟糕。

我會發布實際的HTML，除了它是由ASP生成的，巨大的，有很多CSS樣式，並且可以讓我查看最終的HTML的功能此刻不起作用。 （在應用程序中內置安全性。）

Answer 1

您是否必須使用表格？我會創建一個包含多個div的單個容器div來容納您的內容。然後，您將能夠使用浮動來定位您的div，並定義您喜歡的寬度。元素不應該重疊，除非您將z-index用作CSS樣式？

如果您必須使用您的表格，您可以定義表格寬度？

如果可以，請發佈一個截圖。