2009-12-02 3 views
0

Here's my pageПроблема с макетом CSS

Это выглядит правильно в Firefox, но, конечно же, в Internet Explorer есть проблема.

Основная страница представлена ​​некорректно. Левый и правый divs не показывают белый фон, к которому я пытаюсь их доставить.

ответ

4

Ваш HTML-код не работает. Например, <div id="mainbody" не закрыт. Запустите его через валидатор и устраните все проблемы разметки.

+0

yeh, это хорошая идея - сначала начните с действительного XHTML/CSS, а затем просмотрите другие проблемы. –

+0

Большое спасибо, я не могу поверить, что пропустил это! Elle www.modastudio.com – 2009-12-03 15:50:43

0

Попробуйте отделить свой ярлык от background в своем #left id в css. Возможно, IE не разбирает его правильно.

#right div выглядит нормально (я использую IE7).

0

Вам необходимо изменить <div id="mainbody" to <div id="mainbody">, как я уже говорил ранее.

+0

Спасибо за ответ и помощь! Elle – 2009-12-03 15:52:34

0

Используйте валидатор W3C: [Invalid] Markup Validation of modastudio.com/docs_new/bostondentalposters.shtml - W3C Markup Validator.

У вас есть плохой доктайп, что отбросит IE в режиме совместимости, а также недостающие теги, двойные звонки кодировки (которые должны быть UTF вместо 8859), дублируется мета-теги, и т.д .....

+0

Я обязательно изучу это, спасибо за помощь. Elle – 2009-12-03 15:53:39

0

Вы также вставляете таблицы и списки внутри тегов абзацев, что является недопустимой разметкой для используемого типа doctype. Несколько метатег не закрываются правильно, а также заглавные атрибуты, которые также не допускаются с выбранным doctype. Тег ссылки на таблицу стилей закрыт неправильно. Теги изображений в таблице не совсем корректны и не являются тегами разрыва.

Сначала исправьте ошибки html, а затем посмотрите, где вы находитесь, с макетом.

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

0

Возможно, на самом деле это не ответ на ваш вопрос, но, поскольку вы, кажется, разрабатываете в Firefox, возможно, вы захотите попробовать расширение HTML Validator. Делает такое развитие намного проще.

Смежные вопросы