Проблема переполнения CSS в Firefox - PullRequest
Новая
       13

Проблема переполнения CSS в Firefox

1 голос
/ 07 сентября 2011

У меня есть таблица, закодированная следующим образом: 

<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.

Пожалуйста, помогите мне. Спасибо.

1 Ответ

0 голосов
/ 16 октября 2012

Удалите класс .blockout или удалите ограничение высоты по нему. Если вы хотите, чтобы он был по крайней мере 50px, используйте min-height вместо.

...