Как решить проблемы совместимости браузера

Question

Я создал сайт для личного пользования.Я работал с Mozilla Firefox.Но когда я перешел на IE7, весь сайт был потерян.Структура и все ее выравнивания исчезли.Поэтому, пожалуйста, помогите мне решить эту проблему.

Answer 1

Я обычно открываю минимум 5 разных браузеров (Internet Explorer, Firefox, Google Chrome, Apple Safari и Opera), все в «текущей / последней» версии - иногда я также возвращаюсь назад на одну версию - особенно с Internet Explorer, когда меняются их стандартыкак ветер дует.: -)

Если вы создаете веб-сайт, который следует стандарту (X) HTML из W3C http://www.w3.org/ и заставляете его работать с CSS и XHTML в Chrome и Internet Explorer, то большая часть вашей работыготово.

Я провожу очень мало времени, "возясь" с последними браузерами, поскольку они более или менее следуют одним и тем же спецификациям.Во-вторых, Google Chrome и Firefox отлично подходят для отладки странных багов CSS / HTML.

Я никогда не делаю никаких «взломов» для ограничений браузера в CSS, никаких «взломов clearfix» и специальных таблиц стилей в зависимости от типа браузера.

НО, если мой веб-сайт будет работать на некоторых других аппаратных платформах, таких как мобильный телефон, я мог бы создать вторую таблицу стилей или, возможно, просто сгенерировать весь веб-сайт с другой структурой и по другому URL-адресу, например: http://m.example.com/

Чтобы помочь вам заставить сайт работать, я бы сказал:

1.) В чем ваша текущая проблема с HTML / CSS?где вы приняли некоторые неправильные решения и не можете их исправить?

2.) Перестройте веб-сайт с учетом известных стандартов W3C и убедитесь, что новый макет и навигация совместимы с Internet Explorer (минимум 7).и последний Google Chrome, тогда вы охватили большинство стандартов.

3.) узнайте, когда использовать display:block; в CSS http://www.w3schools.com/css/pr_class_display.asp

4.) НИКОГДА не смешивайте настройки WIDTH / HEIGHT сPADDING и MARGIN в одном классе CSS, это заставит НЕКОТОРЫЙ старый браузер испортить ваши дизайны.И ЭТО может быть основной причиной сбоя вашего проекта.

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

Было ли это полезно, тогда, пожалуйста, пометьте его как свой ответ.Спасибо

Answer 2

http://hsivonen.iki.fi/doctype/
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/
http://www.positioniseverything.net/explorer.html

Answer 3

Узнайте, что нарушает ваш код, и исправьте его в этом глупом html if утверждениях, это было бы моим предложением.

Если ваш сайт вообще не отображается, вы можете просто написать новую страницу в операторах if.

И, к сожалению, оператор if поддерживает только варианты IE, но не Chrome, Firefox, Opera, Safari или другие.

<p><!--[if IE]>
    According to the conditional comment this is Internet Explorer<br />
    <![endif]-->
    <!--[if IE 5]>
    According to the conditional comment this is Internet Explorer 5<br />
    <![endif]-->
    <!--[if IE 5.0]>
    According to the conditional comment this is Internet Explorer 5.0<br />
    <![endif]-->
    <!--[if IE 5.5]>
    According to the conditional comment this is Internet Explorer 5.5<br />
    <![endif]-->
    <!--[if IE 6]>
    According to the conditional comment this is Internet Explorer 6<br />
    <![endif]-->
    <!--[if IE 7]>
    According to the conditional comment this is Internet Explorer 7<br />
    <![endif]-->
    <!--[if gte IE 5]>
    According to the conditional comment this is Internet Explorer 5 and up<br />
    <![endif]-->
    <!--[if lt IE 6]>
    According to the conditional comment this is Internet Explorer lower than 6<br />
    <![endif]-->
    <!--[if lte IE 5.5]>
    According to the conditional comment this is Internet Explorer lower or equal to 5.5<br />
    <![endif]-->
    <!--[if gt IE 6]>
    According to the conditional comment this is Internet Explorer greater than 6<br />
    <![endif]-->
    </p>

Answer 4

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

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

Опыт, метод проб и ошибок, к сожалению, единственный способ.

Answer 5

Существует несколько различий между браузерами в том, как они реализуют макет и CSS, особенно в том, что большинство версий Internet Explorer плохо реализуют CSS .Вы должны были бы дать гораздо более конкретные детали, чтобы люди здесь могли помочь вам больше, но один из возможных подходов - использовать разные таблицы стилей в IE из других браузеров .Имейте в виду, что это сложная область, и существуют значительные различия даже между версиями IE!