IE6 CSS Bug - ULs и LIs - PullRequest
Новая
       40

IE6 CSS Bug - ULs и LIs

3 голосов
/ 07 августа 2009

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

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

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

Как это должно и выглядит:

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

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

Мне известно о проблеме hasLayout, но настройка display: inline-block или height: 1% для элементов, похоже, ничего не делает.

Буду признателен за любые предложения или помощь!

Спасибо

Ответы [ 5 ]

2 голосов
/ 09 августа 2009

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

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

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

2 голосов
/ 07 августа 2009

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

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

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

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

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

С уважением, Натали

0 голосов
/ 10 августа 2009

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

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

Спасибо всем

0 голосов
/ 09 августа 2009

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

0 голосов
/ 07 августа 2009

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

...