Я просто обнаружил box-sizing: border-box
Свойство CSS, которое решает набор перекрестных проблем расположения браузера для меня.
Единственная проблема, которую я теперь имею, - то, что IE7, кажется, не поддерживает его. Существует ли взлом, чтобы заставить IE7 поддерживать его?
Я предполагаю, что вы используете это, чтобы обойти бокс-модель IE6. К сожалению, не существует общего способа обмануть более ранние версии IE, чтобы они поддерживали произвольные свойства CSS.
Я бы рекомендовал не использовать свойство box-sizing
, потому что все браузеры, кроме IE6, правильно реализуют модель box. Статья Wikipedia хорошо объясняет, чем отличается IE6.
Чтобы решить эту проблему, я рекомендую использовать отдельную таблицу стилей для IE6 и включить в нее условные комментарии IE. В таблице стилей IE6 вы можете указать различные ширины/высоты/отступы/отступы, чтобы ваш макет выглядел единообразно. Вы можете включить таблицу стилей только для IE6 следующим образом:
<!--[if IE 6]>
<link href="ie6sucks.css" rel="stylesheet" type="text/css" />
<![endif]-->