2010-11-23 4 views
2

Я действительно борюсь со страницей, которая отлично смотрится в Firefox и Chrome, но выглядит как абсолютное дерьмо в IE.Несовместимость CSS и Internet Explorer

У меня явно чего-то не хватает, но я не очень знаком с проблемами совместимости между браузерами, когда дело доходит до CSS. Может ли кто-нибудь дать мне подсказку?

Page with the issue.

вся страница индекса выглядит хорошо! который действительно бросает меня за цикл ...

Заранее спасибо

ответ

6

Вашей страницы не имеет доктайпа, поэтому IE падает обратно в режиме совместимости.

Попробуйте добавить это выше HTML тег:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
+0

Вы правы! Это был тип! Я проверю ваш ответ (но мне нужно подождать еще 10 минут! – user198923 2010-11-23 01:23:42

1

Вы используете сброс CSS? Это сброс CSS, который я использую: http://meyerweb.com/eric/tools/css/reset/, но есть и другие варианты, которые тоже полезны.

Помогите устранить проблемы несовместимости браузеров. ;)

2

Прежде всего это неправильный HTML <head> <body> </head> <body>, сделайте это <html> <head> <scripts .../></head> <body> </body></html>. Это сделает вашу вторую страницу первой.

Я добавил XHTML DTD, чтобы зафиксировать центральное выравнивание <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">. Это сделает вашу первую страницу также более похожей на хром и Firefox.

Наконец, вы используете теги HTML5 <header> и <nav>. HTML5 не поддерживается полностью в IE, firefox chrome поддерживает его частично. Я предпочел бы скептически использовать их сейчас или хотя бы протестировать во всех браузерах. Хотя я вижу, что вы добавили один js для моделирования HTML5 в IE. Поместите это js перед телом. Но интересно, как он имитирует HTML5 :).