Проблема с отображением в IE6

У меня есть веб-страница, которая показывает расписание. В IE 6 расписание отображается некорректно. Вот скриншот:

СКРИНШОТ УДАЛЕН С ВЕБ-СЕРВЕРА

Зеленое меню слева перемещается влево. В IE6 таблица расписания отображается под нижней частью меню. Я могу воспроизвести проблему в современных браузерах, применив clear: right или clear: оба к таблице расписания. Но я не могу понять, как исправить проблему в IE6.

Какие-либо предложения? Страница находится здесь, если вы хотите попробовать применить некоторые стили с помощью firebug или аналогичный инструмент отладки стиля.

РЕДАКТИРОВАТЬ

После попытки сместить белую область основного содержимого влево, я получаю это в IE6. То же самое в IE7, но не так далеко вправо.


person Ronnie Overby    schedule 20.04.2009    source источник


Ответы (4)


В селекторе таблицы расписания (table.schedule) я закомментировал:

width: 100%

Это вызывало проблему в IE6, и комментирование этого не нарушало ее в других браузерах. Теперь он выглядит одинаково во всех браузерах.

Спасибо за предложения.

person Ronnie Overby    schedule 20.04.2009

Попробуйте переместить белый раздел основного содержимого влево.

person Nick Berardi    schedule 20.04.2009
comment
Пробовал, смотрите мое редактирование. - person Ronnie Overby; 20.04.2009

Несколько дней назад кто-то задал тот же вопрос: CSS Floats - содержимое падает в IE6,

Может быть, какие-то ответы там помогут. Я заметил, что в вашем дизайне нет нижнего колонтитула, поэтому теоретически вы должны иметь возможность заменить плавающий макет макетом, используя абсолютное и относительное позиционирование.

person wheresrhys    schedule 20.04.2009

Добавить поплавок: слева; к таблице.расписание. Это устраняет проблему с пробелами в IE 6, но вызывает проблемы в IE7 и FF. Я бы использовал приведенный ниже код только для IE6.

*.html table.schedule
{
    float: left;
}
person Shaun Humphries    schedule 20.04.2009
comment
Это на самом деле ничего не изменило. - person Ronnie Overby; 21.04.2009