CSS Background image in Redmine template arbitrarily not loading

Posted by Pekka on Stack Overflow See other posts from Stack Overflow or by Pekka
Published on 2010-04-12T20:19:21Z Indexed on 2010/04/12 20:23 UTC
Read the original article Hit count: 307

Filed under:
|
|
|
|

I`m in the process of building a template for Redmine (a project management system based on Ruby on Rails.)

Ruby is running on a virtual server from a Bitnami.org installation package. The OS is Windows.

The template essentially consists of a styles.css file. In that file, I have the following line:

#header { padding: 0px; padding-top: 48px; background-color: #62DFFF; 
background-image: url(../images/bkg.jpg) 
background-position: center bottom; 
background-repeat: repeat-x; 
height:150px;  } 

It's a header element with a background image.

The problem: This background image arbitrarily appears and disappears when reloading. Say you reload ten times in twenty seconds; the image will appear in two instances, and be missing in the 18 others.

I would have put this down to server problems, but the weird thing is that when it's missing, the request for the image doesn't appear in Firebug's net tab at all. Even if it were cached, the request should be there. Raw screenshots of the identical page on two reloads:

alt text

alt text

I am 100% sure the CSS file does not change in between. I have examined both instances with Firebug and the CSS is identical.

It happens in both Firefox and Chrome so it must be something basic I'm overlooking.

What could be causing a browser not to load a resource at all?

I have zero idea about Ruby nor Rails - getting Redmine running and customized is all I have ever had to do with this platform - so I don't really know where to look. Apache's, Mongrel's and Redmine's error logs look fine, though.

© Stack Overflow or respective owner

Related posts about css

Related posts about html