Почему IE 7 неправильно отображает этот сайт?

Question

Посмотрите на моем сайте: www.mrdavisonline.com Он правильно отображает в Chrome и Firefox, но IE 7 это замечает. Я учитель математики в средней школе с некоторым опытом программирования, и этим летом я решила полностью контролировать мою веб-страницу для своих занятий. Я нашел онлайн-шаблон и работал над своим сайтом. Я не знаю много о CSS (кроме того, что я учил сам). Что мне не хватает? Многие из моих учеников все еще используют IE 7, что означает, что они не могут получить доступ к моей странице. Любая помощь будет оценена.

Answer 1

Это будет вашим началом. В основном страницы имеют неверную разметку. Проверяя сайт через W3C validator , у вас есть много ошибок, разбросанных по вашим страницам. Пожалуйста, получите веб-редактор , который может дать вам некоторую проверку в реальном времени и начать работать над вашими ошибками. Как только вы это сделаете, я уверен, что ваш сайт будет отображаться в IE7 гораздо ближе, чем вы думаете.

Удачи, и я надеюсь, что это поможет вам.

Answer 2

Проблемы и здесь:

<h3>Mr. Davis Online<h3/>
<h4>Healdsburg High School<h4/>

при закрытии этих тегов должно быть

</h3> not <h3/>

У вас есть

Body {font-size:62.5%}

, что наверняка будет проблемой.Не используйте процент в процентах - px, em в порядке.

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

font:font-style | font-variant | font-weight | font-size | line-height | font-family

Сравните с вашим:

H1 {bold 2em Tahoma, sans-serif}