CSS Работает нормально на локальном хосте, но не на сервере

У меня возникла странная проблема.CSS Работает нормально на локальном хосте, но не на сервере

Я разработал веб-сайт в ASP.NET

Моя проблема:

Сайт работает нормально на локальном сервере и на всех страницах работает нормально. Затем я загрузил свои файлы в аккаунт GoDaddy. Домашняя страница работает нормально, но CSS других страниц не применяется. Все CSS предоставляются через главный файл, но все еще работают на главной странице, но не на других страницах.

У меня есть перекрестная проверка с провайдерами hotsing для доступа к папке/файлу, и все они в порядке. И нет никакой другой проблемы с хостингом.

Что может быть возможной проблемой?

Сайт: Website

источник

2016-06-21 Mahadev

Я проверил выше ссылку и я вижу, что css загружены. Проблема все еще существует? –

Да. Css отлично работают на домашней странице. Например, посетите сайт ajeykamat.com/Abroad_Mbbs. – Mahadev

Я думаю, что вам не хватает файла .css, потому что, когда я ищу .css в 'view-source: http: // ajeykamat.com/Abroad_Mbbs', есть только 4 файла .css, а в' view-source: http: // ajeykamat.com/'есть 22 .css-файл, так что вам не хватает какого-либо материала css. – Amit

Заметил, что вы вызвали bootstrap.css, используя страницу по умолчанию (например, Default.aspx) на домашней странице. где он недоступен на внутренних страницах. В идеале эти общие файлы должны вызывать из главной страницы (шаблон макета) вместо страниц с содержанием.

В основном ссылки, метатеги и т. Д. Должны быть в теге заголовка. Наличие этих тегов тела не является хорошей практикой.

Сравните исходный код:

вид-источник: http://ajeykamat.com/Abroad_Mbbs
вид-источник: http://ajeykamat.com/

Там вы можете увидеть, что bootstrap.css отсутствует в 'Abroad_Mbbs'

источник

2016-06-21 09:43:00

Спасибо за предложение. Я изменю его. Но есть ли какое-либо влияние на мою проблему? – Mahadev

Да, я заметил, что на внутренних страницах отсутствуют стили CSS. –

Большое спасибо. Это работало для меня как прелесть. Но как это работает на локальном сервере? Объяснение, безусловно, научит меня чему-то – Mahadev

Вы, вероятно, используя относительный путь к CSS вместо абсолютного одного

источник

2016-06-21 09:31:27 Borgtex

Хорошо. Можете ли вы подробнее рассказать? – Mahadev

т. Е. Относительный путь = 'css/styles.css', абсолютный путь = '/css/styles.css'. Оба URL-адреса будут работать на домашней странице, но как только вы перейдете к разделу, т.е.е. mywebsite/info, первый путь будет искать файл css в mywebsite/info/css/styles.css, и это не сработает. – Borgtex

Спасибо. Я проверю это. Но этот bhaviour должен быть применим для всех страниц. Здесь CSS отлично работает для домашней страницы, но не для других. И CSS связан на главной странице, которая является общей для всех страниц. – Mahadev

Порядок в CSS и JS файлы неправильно.

В настоящее время, заказ, как показано ниже на: http://ajeykamat.com/Abroad_Mbbs

<meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <link rel="stylesheet" href="Content/menu/styles.CSS"> 
     <script async="" src="//www.google-analytics.com/analytics.js"></script> 
     <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
     <script> 
     // analytics code 
    </script> 
     <script src="Content/menu/script.js"></script> 
     <title> 
     Abroad_Mbbs - Ajey Kamat : MBBS in Russia | MBBS in Kyrgyzstan | MBBS in Ukraine | MBBS in Philippines | MBBS in Poland | MBBS in Bangladesh 
    </title> 
    <script src="/bundles/modernizr?v=wBEWDufH_8Md-Pbioxomt90vm6tJN2Pyy9u9zHtWsPo1"></script> 
    <link href="/Content/css?v=wFlI7GPr8DB0VuPXheNHY8X5NoDOTpjcfLo3B5h4Yzk1" rel="stylesheet"> 
    <link href="favicon.ico" rel="shortcut icon" type="image/x-icon">

Это должно быть, как показано ниже:

<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon"> 
<script async="" src="//www.google-analytics.com/analytics.js"></script> 
<title>Abroad_Mbbs - Ajey Kamat : MBBS in Russia | MBBS in Kyrgyzstan | MBBS in Ukraine | MBBS in Philippines | MBBS in Poland | MBBS in Bangladesh 
</title> 
<script src="/bundles/modernizr?v=wBEWDufH_8Md-Pbioxomt90vm6tJN2Pyy9u9zHtWsPo1"></script> 
<link href="/Content/css?v=wFlI7GPr8DB0VuPXheNHY8X5NoDOTpjcfLo3B5h4Yzk1" rel="stylesheet"> 
<link rel="stylesheet" href="Content/menu/styles.CSS"> 
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
     <script src="Content/menu/script.js"></script> 
    <script> 
     // analytics code 
</script>

Обратите внимание, что CSS и Javascript должен нужно быть загружен один за другим , Приоритет здесь имеет значение.

Кроме того, убедитесь, что используете абсолютный путь вместо относительных. использование относительных путей вызывает ошибку 404, если вы используете переписывание URL. Более подробная информация об этом: Difference between Relative path and absolute path in javascript

источник

2016-06-21 09:42:46 Ravimallya

О, я этого не знал. Спасибо. Я проверю это и исправлю заказ и опубликую результаты здесь. – Mahadev

Кроме того, убедитесь, что правильно упакованы. если в файле css есть оператор @import, соединение asp.net завершится ошибкой. – Ravimallya

CSS Работает нормально на локальном хосте, но не на сервере

ответ

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