<Table>細胞渲染IE和Firefox

之間差我有細胞的表編碼如下<Table>細胞渲染IE和Firefox

<td valign="top" class="weekend_days"> 
<div class="block_out"> 
<div class="blockout_text">Some content ...Some content ...Some content ...Some content ...Some content ...</div> 
</div> 
</td>

在CSS，我已經定義爲在div作爲高度;

.block_out {height: 50px;}

我剛纔在這裏列入了相關的樣式。

現在在IE中，如果內容增加，則單元展開，但在Firefox中，如果內容多，則不展開。

如何解決此問題（我不能直接刪除高度屬性，因爲它在多個地方使用）？

來源

2011-09-07 testndtv

垂直或水平展開？你檢查哪個版本的瀏覽器？ – systemovich

嘗試這種情況：

.block_out {min-height: 50px;}

實施例最小高度：http://jsfiddle.net/35bsF/2/

實施例高度：http://jsfiddle.net/35bsF/3/

來源

2011-09-07 11:10:47 jefsmi

我只是玩弄不同的高度值，並發現設置高度自動在Firefox中正常工作......這是一個很好的解決方案，以及爲什麼行爲是不同的IE Vs Firefox的高度？ – testndtv

.block_out {height：auto}只會執行相同的操作，因爲不會傳遞任何高度值=>（.block_out {}），這對您的問題來說是一個很好的解決方案。至於問題爲什麼高度在IE中比在Firefox idk中給出了不同的行爲。 – jefsmi

可能要包括表格的佈局：固定;在您的表格標籤中：

<table style="table-layout:fixed;">

這將迫使IE聆聽您設置的尺寸。已經有相當多的關於這個在stackoverflow上的帖子。

如果您使用此解決方案不需要希望您的表擴展。

來源

2011-09-07 11:19:56

我希望表格能夠按照內容擴展...所以我正在尋找與IE類似的行爲。 – testndtv

<Table>細胞渲染IE和Firefox

回答

相關問題