Проблемы с переносимостью браузера

Question

У меня проблема с моим CSS на веб-сайте, на котором я работаю .
По некоторым причинам CSS веб-сайта работает для FF 3 и IE 7, но, конечно, MS усложняет ситуацию, поскольку это не работает для IE 6.
Заголовок выглядит раздавленным.
Беда в том, что у моего клиента IE 6, и на меня кричали, не зная почему.
Мои вопросы:

1. Где взять тестовый набор для всех браузеров?
2. Как мне это исправить? Может кто-нибудь проверить это для меня?

Вот CSS для IE:

/* CSS Document */

#presentation{
position: relative;
margin: 0 auto;
width: 689px;
height: 586px;
z-index: 0;
}

#pretext{
position: absolute;
padding: 20px;
}

#cleft{
width:97px;
height:665px;
position: relative;
float: left;
}

#cright{
width:97px;
height:665px;
position: relative;
float: right;
}

Вот HTML:
РЕДАКТИРОВАТЬ ТАК испортить с HTML.
Вот Пастин

Answer 1

Используйте IETester , чтобы проверить это самостоятельно:)

Answer 2

Добро пожаловать в мир браузерных причуд CSS. Действительно, трудно получить хороший работающий CSS-сайт, совместимый с браузерами. Вам нужно много экспериментировать.

Иногда вам может быть лучше использовать CSS-фреймворк, такой как BlueprintCSS

Попробуйте просмотреть свой сайт в различных браузерах на разных платформах с помощью службы BrowserShots .

Answer 3

Для решения вашей первой проблемы: я бы рекомендовал использовать таблицу стилей для конкретного браузера.

Поскольку вы используете XHTML, вы можете использовать следующее:

  <!--[if lte IE 6]><link href="lte-ie-6.css" rel="stylesheet" type="text/css"><![endif]-->

Файл CSS lte-ie-6.css будет читаться только IE6. Вы можете использовать его, чтобы легко переопределить другой CSS, который вызывает визуальные сбои в IE6.

---

Существует программное обеспечение, такое как MultipleIE , Internet Explorer Collection и IETester , которое может эмулировать различные версии IE. Однако это не всегда дает точные результаты. Официальный ответ Microsoft на ваш последний вопрос будет следующим: установите Virtual PC и запустите на нем IE6 .

В последнее время Microsoft работает над SuperPreview, официальной утилитой предварительного просмотра веб-сайтов, которая делает то же самое, но с надежными результатами. Прочтите о SuperPreview и / или скачайте его .

Answer 4

Боюсь, нет простого ответа на эту проблему. Мой вам совет:

1. Кодируйте, используя наименьший набор методов, которые вам нужны, чтобы делать то, что вы хотите.
2. Сделайте ваш код совместимым со стандартами.
3. Проведите хотя бы какое-нибудь тестирование в каждом браузере (+ версия), который вам необходимо поддерживать.
4. Напишите письмо с жалобой Стиву Балмеру из Microsoft по поводу IE. (Это должен делать каждый уважающий себя веб-разработчик).

Привет

Answer 5

Я посмотрел, и одна из ваших таблиц стилей установила высоту и ширину для # logopic

#logopic{
width: 50%;
height: auto;
vertical-align:bottom;}

Вместо этого попробуйте реальную высоту и ширину изображения

width:699px;
height:126px;

Answer 6

Несколько IE позволяет легко устанавливать / запускать несколько версий IE рядом.