Заставить сайт работать в IE

Question

У меня есть сайт, который я создаю в Dreamweaver CS5, и хотя мой тестовый сайт выглядит хорошо в Firefox / Safari, он выглядит ужасно в IE 8 и ниже. Для начала встроенные <li> изображений (3 строки по 4) даже не отображаются на главной странице. Посмотреть здесь- Тестовый сайт Home: http://www.lauradimeo.com/TEST/index2.html

И на моей текущей домашней странице мои изображения со ссылками на логотип / SM появляются с серым квадратом вокруг них. Тьфу! Текущий сайт: http://www.lauradimeo.com

Кто-нибудь знаком с IE и имеет идеи по исправлению?

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

Answer 1

Для вашей проблемы с границами, в IE есть ужасная вещь, когда изображения, завернутые в ссылки, имеют набор границ. Вы должны быть в состоянии позаботиться об этом, указав «border: 0» на изображении.

Что касается изображений, которые не отображаются, кажется, вы используете тег "section". Теоретически этот тег HTML5 работает в IE8. Тем не менее, теория не всегда работала так, как Microsoft хотела бы думать. Я бы предложил одну из двух вещей:

1) Попробуйте просто! DOCTYPE html, а не DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

или 2) замените тег раздела на div.

Один из них должен решить проблему.

Кстати, я заметил, что вы дизайнер. Я не уверен, что вы нацелены на работу в области веб-дизайна, но если вы это сделаете, я бы настоятельно рекомендовал попробовать большую часть ваших HTML и CSS вручную. Это помогло мне научиться делать кросс-браузерные CSS, HTML и javascript гораздо быстрее, чем в зависимости от редактора WYSIWYG.

Надеюсь, это поможет!

Answer 2

Во-первых, как уже говорили другие, запустите ваш код через валидатор W3C.Он обнаружит множество проблем, которые иначе трудно обнаружить.

В вашем коде я заметил, что вы используете теги HTML5, такие как <section>.Обратите внимание, что они не поддерживаются по умолчанию в IE8 или более ранних версиях.Вы можете взломать IE, чтобы заставить их работать, используя HTML5Shiv или Modernizr (кстати, я настоятельно рекомендую Modernizr).

Если вы планируетеиспользуйте теги HTML5, вы также должны изменить свой тип документа - в настоящее время вы указываете его как xhtml transitional, что не соответствует вашему решению использовать теги HTML5.Измените тип документа на тип документа HTML5 (это не повлияет на отображение в браузере, но повлияет на результаты в валидаторе W3C).

Надеюсь, это поможет.

Answer 3

Вы должны знать об условных таблицах стилей, чтобы позаботиться об определенных, то есть обстоятельствах. Хорошая статья здесь хотя вы можете использовать условные таблицы стилей Google, чтобы получить любое количество похожих статей