Ответ 1
Найденное решение, добавьте условный стиль css:
fieldset {
display: table-column;
}
<!–[if IE]>
fieldset {
display: block;
}
<![endif]–>
Исправлено
Как я могу настроить содержимое для переполнения в наборе полей? Он работает в IE, но не в FF.
Та же функциональность, которую я могу достичь с помощью элемента div в обоих браузерах.
Пример:
<fieldset style="border:thin solid #990033;">
<legend>test</legend>
<div style="background-color:#0033FF; height: 30px; width:800px;" >FIXED DIV</div>
</fieldset>
<p> </p>
<div style="border:1px solid #999999; padding:0 8px 8px 8px;">
<label style="background-color:#FFFFFF; padding:0 5px; position:relative; top:-10px;" >test</label>
<div style="background-color:#0033FF; height: 30px; width:800px;" >FIXED DIV</div>
</div>
Ответы
Ответ 2
На самом деле это ошибка в Firefox, и она существует почти 8 лет.: D https://bugzilla.mozilla.org/show_bug.cgi?id=261037
Ответ 3
Из блога сообщение от Эмиля Бьёрклунда:
body:not(:-moz-handler-blocked) fieldset {
display: table-cell;
}
Ответ 4
вам не нужно переполнять содержимое! В IE (6) по умолчанию тег "fieldset" не имеет отступов, в FF он имеет! Вот почему у вас другое поведение!
Вы можете reset заполнить (padding: 0px;) из набора полей, но в этом случае в FF метка выглядит не очень хорошо! Чтобы исправить это, вы можете reset заполнить нижнюю часть набора полей и применить "margin-left: -12px" к div внутри набора полей. Тем не менее, это решает проблему с FF, но порождает проблему в IE!
Итак, мое предложение состоит в том, чтобы использовать условные инструкции CSS для применения к каждому браузеру правильных правил стиля!