Различные положения в IE8 и IE 10

Question

У меня проблема с положением элементов HTML. Я разрабатываю веб-форму.

До сегодняшнего дня, я использую IE8 в моем компьютере (проблемы компании ...), но сегодня я получил новый компьютер с IE 10.

Моя проблема в том, что я мог видеть эту форму, прекрасно, но теперь все элементы перемещаются. Например, перемещение на 20 пикселей больше или меньше вверх, и если я исправлю его для IE 10, я не могу правильно его увидеть в IE 8.

Мое вопрос в том, если браузер интерпретирует по-другому позицию: относительные теги? И если это так, как я могу это решить? Пользователи этой формы будут использовать IE8 и 10 тоже ...

Я уже добавить в мой HTML код по тегу <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7">

Спасибо за вашу помощь!

Answer 1

Вы можете использовать условные комментарии, чтобы применить стиль к конкретным браузеров:

• GT = больше чем
• ЛТ = меньше
• ЛТР = меньше или равно
• GTE = больше или равно

Это будет нацелено на что-либо большее, чем IE 8:

<!--[if gt IE 8]> 
    <link rel="stylesheet" type="text/css" href="gtie8.css" /> 
<![endif]--> 

Это будет направлена ​​на что-то меньшее, чем IE 9:

<!--[if lt IE 9]> 
    <link rel="stylesheet" type="text/css" href="ltie9.css" /> 
<![endif]--> 

Это будет предназначаться все, что не Internet Explorer:

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

Источник: http://www.quirksmode.org/css/condcom.html

Answer 2

Вы используете reset style sheet? Если вы этого не сделаете, я настоятельно советую вам его реализовать. Боюсь, это почти наверняка вытолкнет другие элементы на вашей странице. Это в основном дает вам последовательную отправную точку через все браузеров.

Где вы хотите, не путаясь добавить целую кучу браузеров.