IE структурные проблемы - PullRequest
0 голосов
/ 18 января 2011

Я только что сделал очень простую статическую сторону с помощью WordPress. Тем не менее, я сделал тему с нуля с помощью HTML и CSS. Это выглядит идеально и именно так, как я хочу в FFox, Chrome, Safari и т. Д. ... но при проверке в IE 6,7,8 это не правильно.

Нажмите { здесь }, чтобы увидеть сайт, и если у вас нет IE ... Вот скриншот того, как он там рендерится.

alt text

Любая идея о том, что это может быть, или идея о том, как это исправить, будет принята с благодарностью. Я не могу найти никаких синтаксических ошибок в моем CSS и HTML кажется правильным

Спасибо

Ответы [ 3 ]

3 голосов
/ 18 января 2011

В вашем документе вы не устанавливаете DOCTYPE, то есть вынуждены показывать его в режиме причуд. Вы должны добавить DOCTYPE в начале вашего HTML-кода. Вы можете найти больше информации о DOCTYPE на http://www.w3.org/QA/2002/04/valid-dtd-list.html

Также вы можете найти больше информации о режиме причуд в http://www.quirksmode.org/

Как последнее замечание, всегда полезно проверять свои веб-страницы, используя 3w validator . Делая это со своим сайтом, вы можете увидеть, что вы получаете:

93 Ошибки, 15 предупреждений

и первым в списке будет следующее:

DOCTYPE не найден! Проверка с по умолчанию XHTML 1.0 Transitional Тип документа.

Не найдено декларации DOCTYPE или признается в этом документе. это обычно означает, что документ не объявляя свой тип документа на Топ. Это также может означать, что DOCTYPE декларация содержит орфографическую ошибку, или что он не использует правильный синтаксис.

Документ был проверен с использованием Тип документа по умолчанию Определение, которое очень похоже на «XHTML 1.0 Transitional».

Узнайте, как добавить тип документа к вашему документ из нашего FAQ.

Надеюсь, что вся приведенная выше информация поможет вам понять, что происходит с т. Е.

1 голос
/ 18 января 2011

Обычно есть способ правильно отобразить сайт во всех браузерах без использования шаблона IE, но это требует немного работы.

Попробуйте добавить margin-left: auto;и поле справа: авто;и / или ширина: 100% к вашему телу.

Также рекомендуется оборачивать вещи, которые должны существовать на одной оси y, например вкладку и содержимое, в div, чтобы они могли двигатьсявместе.

1 голос
/ 18 января 2011

Ну, во-первых, не уверен, насколько вы новичок в разработке CSS / HTML, но это НИКОГДА не удивительно, что вы создаете контент в одном браузере только для того, чтобы IE рвал, душил и отображал что-то по-другому.Это один из костылей, которые веб-дизайнеры / разработчики должны нести при создании проектов.

Вы делаете все правильно, а затем изменяете таблицу стилей для одобрения IE.

Вам необходимо использовать условные комментариичтобы прикрепить только эти листы IE, и вам, возможно, даже придется сделать это для IE6 / 7/8 отдельно, в зависимости от того, что вы сделали, и как это нарушает внешний вид.

http://www.quirksmode.org/css/condcom.html

Пример этого использования в <head>:

<!--[if IE 6]>
<link rel="stylesheet" href="ie6-fixes.css" />
<![endif]-->

Конечно, у вас будет таблица стилей «по умолчанию» ДО того, как ie, и ie.css перезапишет изначально определенные стили.

Единственно правильный путь.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...