Мой сайт в Internet Explorer 8: Какой беспорядок

У меня Windows 7 с пакетом обновлений 1 и Internet Explorer 10. У меня есть сайт http://www.gfcf14greendream.com/ . Он отлично смотрится в Chrome, Firefox и Safari, но не в Internet Explorer. Для начала я хотел проверить, как мой сайт выглядит с помощью IETester, и это беспорядок (пожалуйста, сравните, нажав на ссылку выше):

введите здесь описание изображения

Дело в том, что я думаю, что проблема может быть в том, что IE8 плохо загружается из тегов <object>, не так ли? Я использую три тега объекта для загрузки трех белых частей: заголовка, вертикального меню и журнала сайта (вы можете увидеть их здесь: http://www.gfcf14greendream.com/header.html , http://www.gfcf14greendream.com/verticalmenu.html , http://www.gfcf14greendream.com/thesitelog.html)

Чтобы загрузить эти три сайта, я использую следующий код:

Это для заголовка, <object type="text/html" data="http://www.gfcf14greendream.com/header.html" width="100%" height=185></object>

Это для меню, <object type="text/html" data="http://www.gfcf14greendream.com/verticalmenu.html" height=484 width=100%></object>

А этот для бревна, <center><object type="text/html" data="http://www.gfcf14greendream.com/thesitelog.html" height=600 width="90%"></object></center>

Пожалуйста, дайте мне знать, если у кого-то есть какие-либо идеи относительно этого бардака. Спасибо!!


person gfcf14    schedule 08.06.2013    source источник
comment
С точки зрения дизайна сайт заставляет меня съеживаться. Зеленый текст на зеленом фоне — плохая идея. Не пытаюсь обидеть, просто предлагаю конструктивную критику.   -  person Dom    schedule 09.06.2013
comment
Мне сказали, что слишком много зеленого, и я планирую изменить его, но я хотел сначала исправить эту совместимость =)   -  person gfcf14    schedule 09.06.2013


Ответы (2)


Это не настоящий ответ (в лучшем случае это быстрый и небрежный ответ, так что не относитесь к нему слишком серьезно)

Но я просто подумал упомянуть, что валидатор разметки W3C может быть вам полезен, если вы не уже знаете об этом. Он выявляет неправильные методы разметки или ошибки на вашей странице и может дать вам больше информации о том, как их исправить. На момент написания только на вашей главной странице 10 ошибок и 3 предупреждения. Может быть, это может указать вам в правильном направлении?

при беглом просмотре вашей страницы вы, похоже, не используете CSS должным образом. То есть я вижу, что вы используете css, но у вас есть элементы на вашей странице (использование <center> HTML-тегов, встроенные стили и тому подобное), которые противоречат сути изобретения CSS. .

Если вы еще не видели сад CSS zen, быстро прочитайте/посмотрите его. Это должно помочь вам понять, почему мы используем CSS вместо таблиц и тегов выравнивания.

(Люди иногда не сразу это понимают, но щелкайте ссылки справа в саду дзен. Один и тот же HTML-код и содержимое страницы полностью переработаны с использованием одного html-файла и отдельных листов CSS)

Удачи!

Изменить:

О, я чуть не забыл упомянуть, что Internet Explorer 8 не очень (если вообще) совместим с HTML5. Если вы хотите разрабатывать веб-сайты и веб-приложения на HTML5, вам будет сложно обслуживать посетителей IE 8, и в конечном итоге вы потратите больше времени на исправление ошибок, чем на разработку контента.

Некоторые разработчики уже полностью бойкотируют IE 8, чтобы открыть новую эру Интернета с HTML5 и CSS 3. Существует несколько библиотек совместимости js (например, excanvas для нового элемента <canvas>), но они не работают безупречно. и в конце концов вам придется где-то провести черту. (смеется, холст.. нарисуйте линию.. поняли?) При этом я нашел эту статью, и она может быть вам полезна:

turn-on-html5-in-ie8-or-lower

Не каждому веб-сайту требуется HTML5 и его новые технологии, но если вы планируете использовать его для таких вещей, как тег <canvas>, я бы посоветовал (по моему личному мнению) забыть об IE 8 и сосредоточиться на браузерах, которые его используют.

Помните, что вы можете проверять свой HTML-код, чтобы узнать, какую версию браузера использует ваш посетитель. Вы можете увидеть, используют ли они несовместимый браузер, и если это так, вы можете предупредить их, что их программное обеспечение устарело, и предложить им альтернативы (такие как chrome или firefox)

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

В любом случае, я бы сказал, что вам нужно немного почитать, чтобы понять, почему ваш скромный веб-сайт не работает во все более устаревшем браузере.

Еще раз удачи вам в ваших будущих начинаниях.

person Partack    schedule 09.06.2013
comment
Вот Это Да! Никогда не думал, что будет такая страница! Спасибо, что указали на это, я исправлю эти ошибки! - person gfcf14; 09.06.2013
comment
Отредактировал мой ответ, я забыл кое-что упомянуть =) - person Partack; 09.06.2013
comment
Вы имеете в виду, что я должен просто попытаться изменить свою страницу, чтобы она выглядела как можно лучше в IE8, даже если она может быть не так хороша, как Chrome? Я думал, может быть, я приложил слишком много усилий для этого, так как уже есть IE10. Во всяком случае, я поставлю предупреждение впереди с помощью функции onLoad, чтобы предупредить пользователей, не использующих Chrome/Firefox/Safari, об их браузере, что-то вроде «Для лучшей производительности я рекомендую вам запускать мой сайт в Google Chrome». Спасибо за скромный комментарий, правда =) - person gfcf14; 09.06.2013
comment
Что ж, если вы на самом деле не используете новые теги HTML 5, на самом деле нет причин использовать их, если вам нужна устаревшая и кросс-браузерная совместимость. вы бы избавили себя от многих головных болей, если бы просто сделали это в html4 с css2.. кроме того, веб-сайты в i.e 8 всегда будут выглядеть немного странно без отдельной таблицы стилей.. я не знаю, я думаю, что многое из этого вплоть до личных предпочтений и того, с каким быком i.e вы готовы мириться =P - person Partack; 09.06.2013

Изменить было слишком резко:

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

Конец редактирования:

Однако, что касается ваших проблем с IE.

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

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

Там больше информации по ссылке ниже.

http://meyerweb.com/eric/tools/css/reset/

Во-вторых, ваша версия HTML - вы объявляете HTML5, но затем используете значения и атрибуты HTML4 - в основном ваш сайт (как указано выше) не является допустимой разметкой.

person Carl Wilson    schedule 09.06.2013
comment
Я не имею в виду неуважения, сэр, но я считаю, что ваш первый абзац может показаться немного оскорбительным, любое предложение, начинающееся с «Я ненавижу рушить _____, но…», просто требует драмы… просто хотел указать на эту красоту. в глазах смотрящего, и содержание может иметь отношение к кому-то еще. Тем не менее, +1, потому что другие ваши баллы остаются в силе =) - person Partack; 09.06.2013
comment
Я согласен с вашей точкой зрения в какой-то степени, однако Интернет — это конкурс популярности, и не заблуждайтесь, я лично хотел бы, чтобы любой, кому не нравится моя работа или у кого есть какое-либо мнение о моей работе, сообщил об этом, потому что это единственный способ, которым мы растем как дизайнеры. /люди. Я отредактирую пост, чтобы быть немного менее резким, хотя... - person Carl Wilson; 09.06.2013
comment
Ага. Слишком верно. Как кто-то узнает, если ты им не скажешь, верно? Не знаю, я просто почувствовал, что комментарии по дизайну и содержанию не имеют отношения к вопросу ОП (или, я полагаю, были недостаточно конструктивными?), Вот почему я упомянул об этом. Но такие мелкие безобидные комментарии заставляют меня бояться публиковать ссылки на мои собственные незавершенные работы. Полагаю, я разрываюсь по этому поводу. Ха-ха. - person Partack; 09.06.2013
comment
спасибо за критику. Дело в том, что я относительно недавно начал этот сайт, с 1 октября 2012 года (если это долгое время, я имею в виду относительно, потому что я не так много работал над ним). Итак, сначала я был просто взволнован тем, что у меня есть сайт, и раскрасил его так, как мне нравилось (вы, очевидно, понимаете, что мне очень нравится зеленый цвет), но он устарел, поэтому я хотел изменить цветовые темы. Но я заметил проблемы с совместимостью, поэтому сначала решил их исправить. Потом займусь сменой цвета. Я не слишком разбираюсь в HTML5, поэтому я просто кодировал то, что знаю, но буду продолжать менять теги. - person gfcf14; 09.06.2013