tags:

views:

176

answers:

3
+1  Q: 

CSS not loading up in ASP.NET site when using view in browser

I have this asp.NET web site that for some odd reason doesn't want to load css and script from the plugin I just wrote. This occurs if I use View in browser option in Visual studio. If I preview a sample file in browser directly from file system, it works OK.

I have checked source code of ASP site and it contains both files. In Firefox I even clicked on both hrefs and the content was displayed.

clip from code:

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    ...
    <link rel="stylesheet" type="text/css" href="plugin/adPlayer/adPlayer.css" />
</head>
<body>
    ...
    <script type="text/javascript" src="plugin/adPlayer/adPlayer.js"></script>
</body>

Any ideas?

Edit: I am using ASP.NET development server for preview.

Edit 2: Installed IIS 5.1. Problem remains. Btw, this only occurs in Firefox browser. There is no request for those CSS and JS files in Firefox.

+2  A: 

Are you sure it's not loading it? A few ideas:

  • Clear your browser cache.

  • Look at your IIS log file to see if those files are being requested.

  • Use Fiddler or FireBug to see the HTTP requests and responses.

  • Is that the ASP source or output HTML you posted above? If it's the ASP, check the actual output HTML.

  • Check that the adplayer subdirectory on the web server is accessible to the IIS process user, anonymous user or whatever.

  • This is a long shot, but since those files should be served by IIS not ASP, check that there is nothing in your config that is forcing them into ASP, such as:

    <system.web> <httpHandlers> <add verb="*" path="*.js" type="System.Web.HttpForbiddenHandler" /> </httpHandlers> </system.web>

Rob Kent  2009-12-10 10:47:47
I am using ASP.NET development server for preview. Also, I checked HTTP request headers and there is no sign of site actually requesting said CSS and JS files.The code up there is already generated code previewed via View Source in Firefox.
Vladimir Kocjancic  2009-12-10 11:05:16
I've never seen this symptom but it could be related to the dev web server in some mysterious way. If you have IIS on your machine, change the project properties so that it uses IIS instead. Or do a quick test with IIS by mapping your source directory.
Rob Kent  2009-12-10 11:31:04
Related question: http://stackoverflow.com/questions/1378861/asp-net-development-server-not-serving-everything-all-the-time
Rob Kent  2009-12-10 11:32:45
Rob... thank you for that one. Installing IIS as I type :).Thing is, we never had a problem with ASP.NET development server in the past.
Vladimir Kocjancic  2009-12-10 11:35:11
It may not solve your problem but I think it's easier to diagnose in IIS, not least because you can see the log files. It also means that you don't have to cope with different developers using different ports for their dev server instance. But that is my subjective preference only.
Rob Kent  2009-12-10 13:09:02
Installed IIS. Same thing. Css doesn't get loaded however, when entering the very same URL to browser, it shows up without any issues
Vladimir Kocjancic  2009-12-10 13:51:56
Hmmm... now it seems to be only Firefox issue. It works fine in IE7, Chrome, Opera and Safari
Vladimir Kocjancic  2009-12-10 13:57:17
It's probably the word 'plugin' in the url :)
Rob Kent  2009-12-10 18:23:54
As much fun as that would be, I already use another plugin in the same plugin directory and it works fine :D
Vladimir Kocjancic  2009-12-10 18:57:13
A: 

what happens, wehn you open the css-file in you browser?

CURRENT_URL + plugin/adPlayer/adPlayer.css

is plugin perhaps in your root path? then you need to prepend a slash to your style-href

<link rel="stylesheet" type="text/css" href="/plugin/adPlayer/adPlayer.css" />
Labuschin  2009-12-10 11:07:44
File is opened without any problems. I checked page info as well, thinking it could be something wrong with type, but it is text/css.And plugin is unfortunately not in root path
Vladimir Kocjancic  2009-12-10 11:09:28
sorry, then i don't know
Labuschin  2009-12-15 09:49:06
A: 

Problem solved. For some odd reason, the folder in which the plug-in resided wasn't viable for Firefox. I assume that this is it, as after I created a new folder, and checked out content from subversion and linked it properly, everything started to work just fine.

Vladimir Kocjancic  2009-12-11 07:33:26

related questions

IE7 HTML/CSS margin-bottom bug.
IE7: header above menu
How to create an all browser-compatible hanging indent style in CSS in a span
How can you customize the numbers in an ordered list?
style.display not working in Firefox, Opera, Safari - IE7 OK
Best WYSIWYG CSS editor?
How important is W3C XHTML/CSS validation when finalizing work?
Solve the IE select overlap bug
IE8 overflow:auto with max-height
Autosizing Textarea
What is the best way to create rounded corners using CSS?
FF3 WinXP != FF3 Ubuntu - why?
Is there a business reason for striving for pure CSS layout?
How to set up a CSS switcher in ASP.NET
Setting a div's height in HTML with CSS
Wrapping lists into columns
CSS Background Color in Javascript
How can I make the browser see CSS and Javascript changes?
What sites offer free, quality web site design templates?
Can you recommend a good CSS online resource or book?
Html CSS Editor
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?