IE6 CSS Bug - ULs & LIs

Question

У меня проблема с CSS, которая возникает только в IE6. Я полностью в тупике и надеюсь, что кто-то другой сможет помочь.

В IE6, если вы перейдете на сайт www.moneysupermarket.com/loans и найдите кредит в 5000 фунтов стерлингов в течение 5 лет, Домовладелец - Mortgaged, вы получите страницу с результатами по кредитам.

Прокрутите страницу до конца и вы увидите таблицу результатов личного ценообразования.

Как это должно и появляться:

Если она выглядит при загрузке страницы, нажав на одну из других вкладок стучит его.

Раздражающе, панель инструментов разработчика IE6 не очень удобна. Как только я изменяю какие-либо стили на UL или LI, которые составляют вкладки, это выглядит отлично. Если я делаю то же изменение в файле CSS и обновляюсь, он, похоже, не работает.

Я знаю проблему hasLayout, но установка отображения: встроенный блок или высота: 1% для элементов, похоже, ничего не делает.

Любые предложения или помощь будут оценены!

Thanks

Answer 1

Я думаю, что я решил это сам.

Я установил вкладки в положение: статические и исправленные ошибки поля, которые затем последовали.

Все

Answer 2

Похож на вопрос о марже/дополнении. Попробуйте явно установить margin:0 в списке и таблице ниже.

Answer 3

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

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

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

В противном случае попробуйте создать минимальный тестовый пример, сократив проблему до самых маленьких составных частей, а затем зафиксировав это.

Если вы можете исправить ошибку JS или предоставить минимальный тестовый пример, я могу продолжить исследование для вас.

С наилучшими пожеланиями, Натали

Answer 4

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

Answer 5

Одна из проблем заключается в том, что у вас есть пустой div и IE6 зарезервирует место для текста. Вы можете установить высоту линии и размер шрифта на ноль, чтобы исправить это. Конечно, если у этого div есть текст в некоторых случаях, это не сработает.

.msfg-money-loans-searchresultspersonal .msfg-repeater 
{ 
    border: 1px solid #1A2F9B; 
    width:800px; 
    line-height:0; 
    font-size:0; 
} 

Вы должны подтвердить свой код. У вас есть divs в промежутках, которые могут вызвать проблемы. Span - это встроенный элемент, который не может содержать элементы уровня блока, и каждый браузер будет отображать его по-разному.