Может кто-нибудь сказать мне, что я могу делать неправильно. Следующая страница отлично работает в IE8 и FireFox, но элементы CSS, похоже, не соблюдаются в Chrome и Safari. Благодарю.Страница работает в IE и FF, но не в Chrome или Safari
страница по адресу: http://www.diabetesgoaltracker.com/home.html
Вот что я хотел бы сделать:
Во-первых, ДИВ #navigation, который оборачивается вокруг уль #navlist является излишним. Просто нарисуйте улицу так, как будто бы вы разделите div и полностью потеряете div.
Во-вторых, я сделал бы ul float слева. Затем я сделаю содержимое div float слева и потеряю поля. Убедитесь, что #container: overflow:hidden; Пока вы устанавливаете ширину ul и содержимого div, он должен хорошо выглядеть во всех браузерах.
На самом деле я нахожусь в недоумении, что он выглядит так, как в Chrome ... Я обновлю этот ответ, когда я его рассмотрю больше.
UPDATE
Агент пользователя в хромовых стилей ул display: block; Вы должны добавить таблицу стилей сброса поместить все браузеры на тех же основаниях. Хотя, если вы последуете моему совету выше, это не будет прямой проблемой. Дайте мне знать, если вам нужен набор правил сброса, которые я использую.
Когда я проверить ваш CSS с CSS валидатор W3, я получаю эту ошибку:
I/O Error: Unknown mime type : */*
Это может указывать на ошибку сервера, который бросает Chrome прочь. Проверьте эту тему: (.. Также проверьте через CSS У вас есть Div # навигация в там, где оно должно быть просто #navigation)
+1 для хорошего исследования. – Stephen
Я не получил эту ошибку. Я получил поздравления ... проверяет как уровень CSS 2.1. Может кто-нибудь еще попробует. –
Когда я проверяю свои заголовки, я определенно получаю тип содержимого '*/*' вместо типа контента 'text/css', поэтому это правильно. – Stephen
я говорил об этом в оригинальный вопрос, но если я удаляю строку DOCTYPE (которая, как я знаю, не имеет значения), она отлично работает во всем, кроме IE8, где у меня появляется проблема clear/float, содержимое справа начинается после окончания навигации слева. –
Вы должны прислушаться к ответам Computerish и проверить конфигурацию своего сервера. – Stephen
Я закончил DOCTYPE с помощью /> вместо>, и все выглядит хорошо во всех браузерах. Я согласен, что это должна быть проблема с сервером. –