Проблема с макетом CSS

Question

Вот моя страница

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

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

Answer 1

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

Answer 2

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

Answer 3

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

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

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

Answer 4

Использование W3C-валидатора: [Неверный] Проверка разметки modastudio.com/docs_new/bostondentalposters.shtml - W3C Проверка разметки .

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

Answer 5

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

Answer 6

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

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