404 with jquery.gritter SOLVED

Uncategorized Add comments

Gritter is a really good extension of jQuery’s functionality that is used to display information boxes to users. If you use firefox’s extension Firebug though or you look in your server logs then you may see that it’s causing 404 errors.

Whilst annoying the errors aren’t fatal. My applications have worked for long enough without solving the problem but it IS annoying and finally today I decided to do something about it. I found the solution on this blog and Duck Ranger gives much more sensible reasons for fixing the problem.

The error is caused by a Gritter’s CSS file creating a GET request to solve an IE bug but the request is for the current (CSS) directory which is forbidden.

.gritter-item-wrapper {
position:relative;
margin:0 0 10px 0;
background:url(‘.’); /* ie7/8 fix */
}

Fortunately all I had to do as described in the previously mentioned blog is upload a real file. I opted for a 1 pixel transparent png.

.gritter-item-wrapper {
position:relative;
margin:0 0 10px 0;
background:url(‘../images/blank.png’); /* ie7/8 fix */
}

There we go… annoying error gone 🙂

Leave a Reply

WP Theme & Icons by N.Design Studio | Akismet has gobbled 335,630 spam comments...Mmmm Tasty :-)
Entries RSS Comments RSS Log in