2010-09-30 5 views
1

Моя проблема заключается в том, что я поддерживаю дисплеи отлично на firefox, chrome и IE8, но беспорядок при просмотре с IE7 и IE6. Я исчерпал возможные исправления, которые я могу придумать, и его главным образом проб и ошибок. Im думает о загрузке отдельной таблицы стилей для IE6 и IE7, но я должен решить эту проблему первым.CSS в IE6 и IE7 не отображается должным образом

Вот страница:

Search for a keyword

ответ

3
  1. Child selector doesn't work in IE6. Для .searchDiv > h2. Измените селектор на .searchDiv h2.
  2. Negative margins get cut off, применяются положения: относительно .searchDiv .rightColumn
  3. Вы назначаете width:100%; в форме, которая наследуется padding:20px;. Удалите прокладку на этой форме.
1

Проблема может быть из-за края и обивка. IE отображает маржу и дополнение по-разному по сравнению с firefox и chrome. Как вы сказали, одним из решений может быть создание другого css-файла для ie.

+0

что может быть обходным путем? это как-то связано с поплавками? – r2b2

1

Вы только что нашли одну из причин, почему так много людей ненавидит MSIE и почему MSIE6 must die!

Вы можете использовать conditional comments для обнаружения версии MSIE и включить другую таблицу стилей. Или вы можете попросить своих пользователей установить Google Chrome Frame! (они по-прежнему используют свой каменный старый браузер, но получают последние возможности!)

+0

Да, мы все знаем, что дерьмо Microsoft, но мы не можем с ним жить, и мы не можем жить без него ... возможно, не мы, наши пользователи в аренду. – r2b2

1

См. What are the typical reasons Javascript developed on Firefox fails on IE для общих причин отказа Javascript/CSS в IE, которые работают в Firefox & других браузерах (или наоборот).

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

1

Похоже, что ваш h2 может вызвать проблемы. Если я правильно помню, IE не поддерживает дочерний селектор, который вы используете с вашим кодом h2 в вашем css. Посмотрите в использовании другого выбора здесь: (строка 334 файла CSS: http://stagingbims.desaldata.com/index.php/search/css/desaldata)

.searchDiv > h2 

Может быть, просто используйте:

.searchDiv h2