2013-12-12 44 views
0

我在Internet Explorer的表格中遇到了問題:表格單元格變大(Internet Explorer)

表格由3個tr組成,其中第一個在大多數時間不可見。 如果你點擊其他TR之一,第一個將得到明顯的,表現出以下TD

<td rowspan="5"><div>stuff to be shown</div></td> 

由於上述TD有很多東西要顯示,在TD得到比表大,迫使其他人也變得更大。

但據我瞭解rowspan,其他trs不應該變大。

爲了更好地理解,這裏有一些圖片:

enter image description here

在上面的圖片中,可以看到兩排(左與文本ffen)和右,第一TR,這是看不見的,但用ie的開發工具標記。只要我點擊一個tr,隱形tr就會變得可見,顯示一些文字並變大,如下所示。但其他的也越來越大。

enter image description here

希望發生的事情,如果你在Chrome中打開相同網頁,顯示如下:

enter image description here

兩個錶行是小,而其他錶行使用行跨度得到大。

我希望我的問題很清楚。如果您需要更多信息,我會添加它。

謝謝

+0

除非您的隱藏「行」的內容恰好是跨越多行的單元格,否則不能像這樣彼此相鄰「行」。因此,如果內容變得可見,則旁邊的單元格將嘗試自然地填充跨越單元正在採用的垂直空間。 –

回答

0

對這樣的活動內容使用表格非常困難。你可以重組,並使用LIs和DIVs嗎?另外,如果你可以發佈一個jsfiddle,這將有所幫助。