CSS в IE6 и IE7 не отображается должным образом - PullRequest
Новая
       4

CSS в IE6 и IE7 не отображается должным образом

1 голос
/ 30 сентября 2010

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

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

Поиск по ключевому слову

Ответы [ 5 ]

3 голосов
/ 30 сентября 2010
  1. Дочерний селектор не работает в IE6 . Для .searchDiv > h2. Измените селектор на .searchDiv h2.
  2. Отрицательные поля обрезаются , применяется позиция: относительно .searchDiv .rightColumn
  3. Вы присваиваете width:100%; форме, которая наследует padding:20px;. Удалите отступы в этой форме.
1 голос
/ 30 сентября 2010

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

.searchDiv > h2

Возможно, просто используйте это: 

.searchDiv h2
1 голос
/ 30 сентября 2010

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

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

1 голос
/ 30 сентября 2010

См. Каковы типичные причины сбоя Javascript, разработанного в Firefox, в IE по распространенным причинам сбоя Javascript / CSS в IE, которые работают в Firefox и других браузерах (или наоборот)).

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

1 голос
/ 30 сентября 2010

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

...