Браузер не видит стили

@witcher4680 · Регистрация: 18.04.2015

Студворк — интернет-сервис помощи студентам

Доброго времени суток! WEB программирование занимаюсь не очень давно. Столкнулся проблемой, которая просто ввела меня в ступор. Она заключается в следующем:
Имеется сайт. Существует файл style1.css в котором прописаны все стили. Все работает исправно за исключением некоторых страниц. Когда переходишь на них отображается только исходный текст без стилей. В браузере FireFox с помощью сочетаний клавиш Ctrl+Shift+C просмотрел код. Браузер видит файл style1.css, но он пуст. Чем может быть вызвана данная проблема и какие могут быть методы ее решения? Кэш чистил, файл на сервер перезаливал.
За ранее спасибо!

@Fedor92 · 07.08.2016, 18:40

witcher4680, дайте ссылку на хостинг лучше, если она есть... А так с ходу возможно у Вас проблема с кодировкой файлов стилей(должна быть UTF-8 без BOM? как и у всего проекта)...

@witcher4680 · 07.08.2016, 19:03 **[ТС]**

Проблема точно не в кодировке, уже проверял. Ссылка - http://erjet03.bget.ru/news
Проблемы начинаются при переключении категорий новостей.

@Fedor92 · 07.08.2016, 19:08

Проблема с мимтипом... Вот, то сказала лиса: Таблица стилей http://erjet03.bget.ru/news/ma... style1.css не была загружена, потому что её MIME-тип («text/html») не «text/css».

Когда открыл css там были кряки, так что пробуем создать новый css - файл в notepad++ устанавливаем кодировку UTF-8 без BOM, копируем все стили, по возможности убираем комментарии(все)... Сохраняем, подключаем... Если проблема останется... Тогда баг уже ищем в файле .htaccess

@witcher4680 · 07.08.2016, 19:15 **[ТС]**

Спасибо! Буду пробовать.

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

@Fedor92 · 07.08.2016, 19:20

Сообщение от witcher4680

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

Значит где-то ошибка в мим-типах... Для начала попробуйте вообще отключить htaccess...

@Cdelphi78 · 07.08.2016, 20:27

Fedor92, что такой мимтип? и зачем лисе знать мимтип у css? Он разве должен где то прописываться?

@Fedor92 · 07.08.2016, 20:35

Сообщение от Cdelphi78

Fedor92, что такой мимтип? и зачем лисе знать мимтип у css? Он разве должен где то прописываться?

Открываем сайт в лисе или хроме, лезем в консоль смотрим ошибку... Файл стилей воспринимается не как text/css, а как text/html... Нужно пояснять, что происходит, если браузер воспринимает стили, как html-код?

@Cdelphi78 · 07.08.2016, 20:38

Сообщение от Fedor92

браузер воспринимает стили, как html-код?

Как это возможно?

@Fedor92 · 07.08.2016, 20:43

Сообщение от Cdelphi78

Как это возможно?

Вот мы как раз и разбираемся из-за чего это произошло...

Скорее всего в файле .htaccess был переопределён или неверно определён MIME-тип

@Cdelphi78 · 07.08.2016, 20:44

Да я смотрю что в файл стилей прописаны не стили а html код, но как браузер узнает что там html?

@Fedor92 · 07.08.2016, 20:50

Сообщение от Cdelphi78

Да я смотрю что в файл стилей прописаны не стили а html код, но как браузер узнает что там html?

Почитайте принципы работы сети уже... Когда загружаются стили на сервер отправляется запрос... В данном случае запрос на подключение стилей уходит на сервер, а в качестве ответа в заголовке возвращается ошибка в MIME-типе запрашиваемого файла... Что тут непонятного?

@witcher4680 · 07.08.2016, 21:36 **[ТС]**

Что именно вы имели в виду под отключением .htacces?

@Fedor92 · 07.08.2016, 23:04

Сообщение от witcher4680

Что именно вы имели в виду под отключением .htacces?

Удалить из проекта на время...

Посмотреть будут ли работать стили без файла .htaccess или нет...

@witcher4680 · 07.08.2016, 23:55 **[ТС]**

Значит я понял вас правильно. Удалил, без этого файла даже переход по сслыкам не работает. Отображается только главная страница. Подскажите, что еще можно попробовать?

@koders · 08.08.2016, 07:02

Почему подключаете стили через относительный путь resource/style1.css?
Для /news это сработает, а для /news/ — нет. Естественно, не сработает и для /news/cat/id/2.
Используйте абсолютные пути, либо высчитывайте для каждой страницы относительные, что гораздо сложнее.

@Fedor92 · 08.08.2016, 10:56

Сообщение от koders

Для /news это сработает, а для /news/ — нет. Естественно, не сработает и для /news/cat/id/2.

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

Сообщение от witcher4680

Подскажите, что еще можно попробовать?

Не даёт мне покоя Ваш файл стилей...

@koders · 08.08.2016, 11:19

Сообщение от Fedor92

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

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

Сообщение от Fedor92

Адрес страницы никак не взаимосвязан с адресом стилей!

Т. е. следующий код делает одно и то же для любого адреса?

HTML5
1
2
<link rel="stylesheet" href="resource/style1.css" type="text/css">
<link rel="stylesheet" href="/resource/style1.css" type="text/css">

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

@witcher4680 · 08.08.2016, 11:23 **[ТС]**

Замена файла вашим не помогла. Код файла .htaccess:

Bash
1
2
3
4
5
6
7
8
9
10
RewriteEngine on
RewriteBase /
Options All -Indexes
RewriteCond %{REQUEST_FILENAME} -s [OR]
RewriteCond %{REQUEST_FILENAME} -l [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^resource/(.*)$ resource/$1 [L]
RewriteRule ^.*$ [NC,L]
RewriteRule ^.*$ index.php [NC,L]
AddDefaultCharset utf-8

Добавлено через 3 минуты
После того, как поставил "/" все заработало. Большое спасибо! В преть буду следить за такими косяками.

@Fedor92 · 08.08.2016, 11:32

Сообщение от koders

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

А ведь верно дело именно в слеше...

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@witcher4680 0 / 0 / 1 Регистрация: 18.04.2015 Сообщений: 52

	Браузер не видит стили 07.08.2016, 17:16. Показов 27837. Ответов 19 Метки нет (Все метки) Доброго времени суток! WEB программирование занимаюсь не очень давно. Столкнулся проблемой, которая просто ввела меня в ступор. Она заключается в следующем: Имеется сайт. Существует файл style1.css в котором прописаны все стили. Все работает исправно за исключением некоторых страниц. Когда переходишь на них отображается только исходный текст без стилей. В браузере FireFox с помощью сочетаний клавиш Ctrl+Shift+C просмотрел код. Браузер видит файл style1.css, но он пуст. Чем может быть вызвана данная проблема и какие могут быть методы ее решения? Кэш чистил, файл на сервер перезаливал. За ранее спасибо! 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	07.08.2016, 18:40
	witcher4680, дайте ссылку на хостинг лучше, если она есть... А так с ходу возможно у Вас проблема с кодировкой файлов стилей(должна быть UTF-8 без BOM? как и у всего проекта)... 0

@witcher4680 0 / 0 / 1 Регистрация: 18.04.2015 Сообщений: 52
	07.08.2016, 19:03 [ТС]
	Проблема точно не в кодировке, уже проверял. Ссылка - http://erjet03.bget.ru/news Проблемы начинаются при переключении категорий новостей. 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	07.08.2016, 19:08
	Проблема с мимтипом... Вот, то сказала лиса: Таблица стилей http://erjet03.bget.ru/news/ma... style1.css не была загружена, потому что её MIME-тип («text/html») не «text/css». Когда открыл css там были кряки, так что пробуем создать новый css - файл в notepad++ устанавливаем кодировку UTF-8 без BOM, копируем все стили, по возможности убираем комментарии(все)... Сохраняем, подключаем... Если проблема останется... Тогда баг уже ищем в файле .htaccess 0

@witcher4680 0 / 0 / 1 Регистрация: 18.04.2015 Сообщений: 52
	07.08.2016, 19:15 [ТС]
	Спасибо! Буду пробовать. Добавлено через 5 минут Не помогло. Вообще очень странно. Другие страницы сайта тоже подключены к этому фалу и все исправно... 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,444
	07.08.2016, 20:27
	Fedor92, что такой мимтип? и зачем лисе знать мимтип у css? Он разве должен где то прописываться? 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,444
	07.08.2016, 20:44
	Да я смотрю что в файл стилей прописаны не стили а html код, но как браузер узнает что там html? 0

@witcher4680 0 / 0 / 1 Регистрация: 18.04.2015 Сообщений: 52
	07.08.2016, 21:36 [ТС]
	Что именно вы имели в виду под отключением .htacces? 0

@witcher4680 0 / 0 / 1 Регистрация: 18.04.2015 Сообщений: 52
	07.08.2016, 23:55 [ТС]
	Значит я понял вас правильно. Удалил, без этого файла даже переход по сслыкам не работает. Отображается только главная страница. Подскажите, что еще можно попробовать? 0

@koders 259 / 193 / 50 Регистрация: 15.07.2016 Сообщений: 649
	08.08.2016, 07:02
	Почему подключаете стили через относительный путь resource/style1.css? Для /news это сработает, а для /news/ — нет. Естественно, не сработает и для /news/cat/id/2. Используйте абсолютные пути, либо высчитывайте для каждой страницы относительные, что гораздо сложнее. 0

Браузер не видит стили

Решение