Страница работает в IE и FF, но не в Chrome или Safari

Question

Может кто-нибудь сказать мне, что я могу делать неправильно.Следующая страница отлично работает в IE8 и FireFox, но элементы CSS, похоже, не соблюдаются в Chrome и Safari.Спасибо.

страница по адресу: http://www.diabetesgoaltracker.com/home.html

Answer 1

Когда я проверяю ваш CSS с помощью валидатора CSS W3, я получаю эту ошибку:

I/O Error: Unknown mime type : */*

Это может указывать на ошибку сервера, которая отключает Chrome.Проверьте эту тему:

http://www.sitepoint.com/forums/showthread.php?t=461039

(Также проверьте через css. У вас есть div # навигация там, где она должна быть просто #navigation.)

Answer 2

Вот что я бы сделал:

Во-первых, div #navigation, который окружает ul #navlist, является избыточным. Просто наберите ul, как и div, и вообще потеряйте div.

Во-вторых, я бы оставил ul float. Тогда я бы оставлял контент div плавающим и терял поля. Убедитесь, что #container равно overflow:hidden; Пока вы устанавливаете ширину ul и div содержимого, он должен хорошо смотреться во всех браузерах.

Я на самом деле сбит с толку, что он выглядит так, как в Chrome ... Я обновлю этот ответ по мере его изучения.

ОБНОВЛЕНИЕ

Пользовательский агент в Chrome стилизирует ul display: block; Вы должны добавить таблицу стилей сброса, чтобы все браузеры имели одинаковую основу. Хотя, если вы последуете моим советам, это не будет прямой проблемой. Дайте мне знать, если вам нужен набор правил сброса, которые я использую.