2012-02-02 27 views
0

使用下面的表格佈局卡住了a列中的很多內容和所有具有設置寬度的列和垂直對齊:頂部html表格,如何使頂部列適合內容的高度與下面的列佔據其餘

---------------------------------------------- 
    |  |       |   | 
    | a |   b    | c | 
    |  |       |   | 
    |  |       |   | 
    |  |       |   | 
    |  |--------------------------|   | 
    |  | d  |  e  |   | 
    |  |    |   |   | 
    |  |    |   |   | 
    |  |    |   |   | 
    ---------------------------------------------- 

我這裏有一個代碼示例:http://jsfiddle.net/cwQtK/

,我需要它這樣做,其中b列是一樣的內容一樣高,所以它看起來像在列的內容d和e直接位於b列中的內容之後。

---------------------------------------------- 
    |  |       |   | 
    | a |   b    | c | 
    |  |--------------------------|   | 
    |  |  d  |  e  |   | 
    |  |    |   |   | 
    |  |    |   |   | 
    |  |    |   |   | 
    |  |    |   |   | 
    |  |    |   |   | 
    |  |    |   |   | 
    ---------------------------------------------- 

我可以種本事做我想做的事,火狐小於大小的它的內容柱的高度設置b(和Chrome的開箱即用做它就是我想要的)。

http://jsfiddle.net/cwQtK/1/

的問題是,這並不在IE瀏覽器。

有人知道如何做這種類型的佈局?

感謝您給我的任何幫助!

回答

0

使b,d和e成爲一個沒有設置高度的獨立表格,它會自動收縮到內容。所以你會有一張桌子,一個,B,C然後在裏面的B單元格,你會把你現在的B,D,E

+0

謝謝,很好用!我希望你不必窩藏桌子,但我會做我該做的事情 – Teschendsn11 2012-03-23 19:19:18

相關問題