Firefox + Asp.NET + Windows Authentication = no css background images?

Question

I seem to have found a very specific Firefox bug, an wondering if anyone can help.

I have an ASP.NET 3.5 web site that uses Windows Authentication.

In most browsers it works fine, but when viewed with Firefox (v10.0.1) the css background images are not loaded. That is, css like this stop working:

.hasabackground
{
    background: url(images/something.png) no-repeat top left;
}

It seems to be something specific to do with Windows Authentication, because when I use the same markup/css/background images without Windows Authentication, it works OK in Firefox.

(I would post an example page but thats hard to do because the bug only occurs with Windows Authentication)

Any ideas?

Kristof · Accepted Answer · 2012-02-15 11:04:54Z

1

I'm guessing the images/something.png path isn't accesible or served to the client.
Try checking the html traffic(with fiddler, firebug , ...) to see what response you get.
it's possible that the request for something.png gets redirected to the homepage or that the png file isn't served by your webserver.

answered Feb 15, 2012 at 11:04

Kristof

3,3351 gold badge22 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

BG100 · Accepted Answer · 2012-02-15 11:06:53Z

1

It looks like your image may need authentication to allow the browser to download it. Try adding this to your web.config:

<location path="images">
    <system.web>
        <authorization>
            <allow users="*" />
        </authorization>
    </system.web>
</location>

I can't explain why this is only a firefox problem... maybe the other browsers are displaying a cached image?

You can test this by trying to access the image directly by typing the URL into your browser:

http://mywebserver/images/something.png

answered Feb 15, 2012 at 11:06

BG100

4,5412 gold badges41 silver badges66 bronze badges

2 Comments

codeulike Over a year ago

Thanks, yes I tried the location tag but it didn't help (and putting the image url in browser results in firefox popping up a password dialog). Part of the problem may be that windows authentication is partly controlled in IIS so the web.config location thing seems to make no difference.

codeulike Over a year ago

re: Why firefox: IE and Chrome have more natural support for Windows Authentication, whereas in Firefox its supported but less smoothly - I think that might be part of the problem

skub · Accepted Answer · 2012-02-15 12:31:08Z

1

From what I remember for firefox 3.x, it does not pass your windows credentials on by default. (I am not sure about the latest versions) You might have to add your URI to the list of trusted sites, depending on which domain the images sits on:

In Firefox, type about:config in the address bar, then
Type network.automatic-ntlm-auth.trusted-uris. Enter your site's URL eg http://yoursite.com

Hope this helps :)

answered Feb 15, 2012 at 12:31

skub

2,3161 gold badge23 silver badges34 bronze badges

2 Comments

codeulike Over a year ago

It stops Firefox 10 from asking me for a username/password when I first navigate to the site, but doesn't solve the missing css background images issue.

skub Over a year ago

Ok so another option you could look into is check to see if your container 'hasabackground' has any content in it. Try adding a 'min-height:50px' in the css. Another thing is check to if your image has any spaces. Before I noticed some of my images were not rendered due to firefox/safari not recognising spaces so I had to add the characters '%20' between the spaces in the filename.

Collectives™ on Stack Overflow

Firefox + Asp.NET + Windows Authentication = no css background images?

3 Answers 3

Comments

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related