Почему эта страница отличается от IE, Firefox и Chrome?

Посмотрите на это html page.Почему эта страница отличается от IE, Firefox и Chrome?

В Firefox это выглядит так, как будто я хочу, чтобы он выглядел, в IE он выглядит «немного странным», а в Chrome все скручено.

Какой нестандартный HTML я использую, что делает его похожим на разные браузеры? В частности, как я могу исправить версии IE для Chrome &, чтобы больше походить на Firefox?

Обратите внимание, что Chrome работает только в том случае, если все или почти все столбцы имеют желтые листы. Если один или два столбца пусты, то Chrome отображает страницу так же, как Firefox.

Редактировать - здесь the fixed page.

источник

2010-05-10 ripper234

Скриншоты различий и что вы ожидаете было бы здорово. –

На мой взгляд, таблица не должна использоваться для календаря, потому что это список дат, а не сетка информации. Но я понимаю, что это проще для макетов. –

@Justin - вот скриншот в Chrome: http://dl.dropbox.com/u/464119/kuzando/bad-chrome.png – ripper234

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

ОБНОВЛЕНИЕ: Хорошая работа по исправлению! Теперь ваша проблема заключается в том, что элемент таблицы следует за двумя плавающими разделителями без какой-либо очистки. Вы должны очистить плавающие элементы так, чтобы под ними были правильно установлены следующие элементы.

Попробуйте следующее. Google clearfix для более элегантного решения.

<div style="float:left">.... 
<div style="float:right">.... 
<br style="clear:both"/> 
<table ....

источник

2010-05-10 04:58:27

Я исправил валидацию, и проблема все еще происходит. – ripper234

@ ripper234: См. Обновленный ответ. –

Работает как очарование, спасибо! – ripper234

Попробуйте подтвердить свой CSS и HTML, если это возможно. Это обычно помогает устранить самые большие сбои.

validator.w3.org

источник

2010-05-10 04:55:05

Я исправил валидацию, и проблема все еще происходит. – ripper234

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

Опубликованный код содержит 33 ошибки.

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

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

источник

2010-05-10 04:55:15 Douglas

Проблема в том, что это HTML, созданный javascript. Я сохранил статический снимок HTML с помощью Firefox, это, должно быть, исказило действительность. Исходный обработанный HTML действителен. – ripper234

Там я исправил проверку, и это все еще происходит. – ripper234

Некоторые из наиболее важных вещей, о которых нужно помнить, являются, как уже упоминалось, тем, что вы включили DOCTYPE. Без этого браузеры вряд ли могут сказать, на что они смотрят. Осторожно, как вы комментируете свой код. Одна из первых ошибок, которые выходят из состояния «тип документа», не позволяет элементу «h2» здесь ». Несмотря на то, что это комментарий, он может появиться в браузере в качестве точки интереса.Некоторые браузеры пытаются «помочь» разработчику, допуская небольшие ошибки в кодировании, но это может время от времени перемещать. – Douglas

Поплавок календаря таблицу в левой

источник

2010-05-10 05:45:33

Почему эта страница отличается от IE, Firefox и Chrome?

ответ

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