CSS переполнение IE против FF

Question

Я пытаюсь создать одну строку чисел, и если она шире, чем, скажем, 100 пикселей, я хочу, чтобы появилась горизонтальная (x) полоса прокрутки.

Этого легко достичь в FireFox, но IE продолжает сворачивать список и также предоставляет вертикальную (y) полосу прокрутки, и элементы, которые я хочу справа, отображаются ниже.

Кто-нибудь знает, как это сделать?

Answer 1

Вы можете попробовать поместить его в DIV и сделать позицию div абсолютной. Но так как я только работал над этим, это может вызвать проблемы с FF / Chrome. Таким образом, вы можете поместить оператор IF в такой:

            <!--[if IE]>
    <style>
            .content{
            position: absolute;
            }
            </style>
    <![endif]-->

Я просто использовал это сам, чтобы убедиться, что мой фрейм контента сидел неподвижно. Хотя для ваших целей вам, возможно, потребуется включить указание текста не оборачивать и т. Д.

Gdluck

РЕДАКТИРОВАТЬ Вы могли бы просто установить минимальную ширину для вашего DIV ID? Это, вероятно, будет работать так же хорошо, но с другой стороны, если возникнут проблемы с совместимостью, используйте функцию IF.

Также см. http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug Показывает вариации того, как блочная модель из IE сравнивается со стандартом W3C + другая информация (Если вам интересно, почему у вас возникает проблема)

Answer 2

Попробуйте установить для "пробела" значение "nowrap".

Answer 3

Из-за того, что существуют разные варианты блочной модели для IE и FF, такое может произойти, вам нужно увеличить ширину (и / или высоту) области содержимого, а затем посмотреть.