Скрыть горизонтальную полосу прокрутки в IE 7 и ниже

Question

В принципе, у меня проблемы с удалением горизонтальной полосы прокрутки в Internet Explorer 7 и ниже. Я попробовал приведенный ниже код, и он, кажется, работает нормально во всех браузерах, кроме IE.

overflow-x: hidden;

Еще большая проблема заключается в том, что, хотя полоса прокрутки даже не удалена, кажется, что она полностью испортила макет. Она как-то скрывает большую часть содержимого страницы в полях 2 и 3? Это также .. добавляет вторую вертикальную полосу прокрутки, которая перемещает элементы относительно / абсолютного позиционирования вниз ?! Я задумывался о том, чтобы просто оставить полосу прокрутки в IE через указанную таблицу стилей, но даже это, кажется, портит страницу?

Сайт находится в тестовом каталоге здесь .. Я опубликую таблицу стилей в комментарии ниже.

Есть предложения?

Заранее спасибо, надеюсь, вы поможете! Брэдли

Answer 1

Вы пытались установить статическую ширину контейнера, придать ему достаточную высоту, а затем установить переполнение: скрыто для всего контейнера? Не уверен, что это будет хорошо с вашей прокруткой JS, но это может быть движение в правильном направлении.

О, и любое данное решение, вероятно, будет недостаточным для IE6. Этот зверь просто не был создан для красивых раскладок. Я предполагаю, что в качестве альтернативы определите условную таблицу стилей для этого и / или IE7 для менее сложного макета.