Firefox 中的 CSS 溢出问题

发布于 2024-12-03 10:41:24 字数 928 浏览 1 评论 0原文

我有一个表，编码如下；

<table id="c_month_tbl" cellspacing="0" cellpadding="0" border="0" >
<tbody>
<tr>
<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>
</tr>
</tbody>
</table>

CSS如下；

    td.weekend_days .blockout_text {
        margin-top: 14px;
    }
    .blockout_text {
        margin-top: 25px;
        padding: 3px;
        text-align: center;
    }

    #c_month_tbl{
        clear: both;
        width: 678px;
    }
    .block_out {
    height: 50px;
}

现在，如果 td 内的内容较少，布局看起来会很好...但如果内容较多，IE 会扩展单元格宽度/高度并很好地显示内容。

但在 Firefox 中，内容 div 的宽度/高度保持固定，不会根据内容扩展，这使得布局显得有点损坏。

我尝试更改包含 td/div 元素的溢出属性，但它是在 Firefox 中无法正常工作。

请帮我。谢谢。

原文

I have a table coded as follows;

<table id="c_month_tbl" cellspacing="0" cellpadding="0" border="0" >
<tbody>
<tr>
<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>
</tr>
</tbody>
</table>

The CSS is as follows;

    td.weekend_days .blockout_text {
        margin-top: 14px;
    }
    .blockout_text {
        margin-top: 25px;
        padding: 3px;
        text-align: center;
    }

    #c_month_tbl{
        clear: both;
        width: 678px;
    }
    .block_out {
    height: 50px;
}

Now the layout appears fine if the content inside the td is less...But if there is more content, IE kind of expands the cell width/height and displays the content fine.

But in Firefox, the width/height for the content div remains fixed and does not expand as per the content, which makes the layout appear a bit broken..

I tried changing the overflow property for the containing td/div element , but it is not working fine in Firefox.

Please help me. Thank you.

分享到QQ

分享到微博