Верстка в Firefox

[Allality]

Есть необходимость использовать окна фиксированного размера для текста. Нужно, чтобы если HTML содержимое не помещается в окно, показывалась прокрутка.

Использую следующее решение:

fieldset.radios {
    overflow: auto;
    height: 300px;
}

<fieldset class="radios">
  <label><input type="radio" ...>Thing 1</label>
  <label><input type="radio" ...>Thing 2</label>
  ...
</fieldset>

Работает идеально во всех браузерах, кроме Firefox, где прокрутки нет и текст просто "вываливается" из окна:

пример

Подскажите, как можно исправить это для Firefox?

[hedgehog]

А для чего инпут помещать в label?

[Vin]

...и зачем блок текста класть в помещать в fieldset, который, в свою очередь, почему-то находится вне формы?

[Allality]

А для чего инпут помещать в label?

Я далеко не спец в CSS, мне посоветовали воспользоваться этим кодом, как я понял он с какого-то западного сайта с решениями для HTML/CSS.

...и зачем блок текста класть в помещать в fieldset, который, в свою очередь, почему-то находится вне формы?

Поместил fieldset в form, не помогло.

На счет текста в fieldset - это сделано как раз для того, чтобы прокрутка появлялась в том случае, когда текст больше заданного окна.

Для данного fieldset установлен этот класс:

fieldset.opisanie {
	overflow: auto;
	height: 250px;
	border:0px;
}

[Vin]

Поместил fieldset в form, не помогло.

И не должно было. Просто так делать не стоит.

На счет текста в fieldset - это сделано как раз для того, чтобы прокрутка появлялась в том случае, когда текст больше заданного окна.

А зачем тут вообще fieldset? Чем элемент div не угодил?

[Allality]

А зачем тут вообще fieldset? Чем элемент div не угодил?

Еще раз говорю, что посоветовали готовое решение. Спрашивал изначально на счет радиокнопок, может поэтому посоветовали fieldset.

Это можно как-то исправить или нужно искать совершенно другое решение?

[hedgehog]

Еще раз говорю, что посоветовали готовое решение. Спрашивал изначально на счет радиокнопок, может поэтому посоветовали fieldset.

Это можно как-то исправить или нужно искать совершенно другое решение?

Используйте fieldset по назначению. В данном конкретном случае можно заменить fieldset на div

[Allality]

Большое спасибо. Вроде помогло.

[Vin]

Содержимое, не имеющее отношения к формам, не имеет никакого смысла вкладывать в "форменный" элемент fieldset. Это то, что касается данного примера. И, как я я узнал только сегодня, FF не поддерживает overflow по отношению к элементу fieldset, просто никогда не сталкивался с необходимостью скрыть только часть формы. А если div использовать вместо fieldset? Вижу, Вы уже это сделали

Edited July 5, 2012 by Vin