Div позиционирует винт с моей головой через браузеры?

Question

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

Он завинчивает белую рамку справа от навигационной панели и красную рамку слева от основного блока.

Идеально в FF, Safari и Chrome, но IE на несколько пикселей ...

Как я могу заставить его работать на всех ??

http://www.uniquegeeks.co.uk/djeurope/

Это почти как если бы IE поместил границу изнутри, а остальные - как границу снаружи ... верх и низ - изогнутые imgs

Спасибо

Lee

Answer 1

Это почти так, как будто IE ставит границу внутри, а остальные - как границу снаружи

Это именно то, что делает IE (версии ниже, чем 9, по крайней мере, не увереноколо 9).Я считаю, что лучший подход к чему-то подобному - это предоставить дополнительную таблицу стилей, используя условные комментарии , которые могут переопределить настройки границ для IE.

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

Answer 2

Он говорит об IE 6:)

Например, для изображений png используйте это http://www.dillerdesign.com/experiment/DD_belatedPNG/, просто включите файл и передайте ему селекторы, это сделает ваши изображения png прозрачными.

И я бы порекомендовал вам использовать сброс CSS.

до того, как тело в CSS добавит

* {
  margin: 0;
  padding: 0;
}