280952 - Page loads improperly when /index.html omitted from URL

Status: RESOLVED INVALID

(Firefox :: General, defect)

Description

[matvey]

User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en-us) AppleWebKit/125.5.5 (KHTML, like Gecko) Safari/125.12
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv: 1.7.5) Gecko/20041107 Firefox/1.0

For the index.html page on my test site, when the /index.html is left off the URL, the page doesn't load 
properly.

Follow the steps in the "Steps to Reproduce" box. You'll note the central image doesn't load with the 
first URL, and there's odd spacing between the three form tabs and the box below them.

In either case, the exact same HTML gets to the browser. I verified this by viewing the source HTML in 
both instances and comparing it. And yet it displays differently, depending upon whether or not the /
index.html is present.


Reproducible: Always

Steps to Reproduce:
1. Go to http://labrat.icpsr.umich.edu
2. Go to http://labrat.icpsr.umich.edu/index.html
3. Compare the differences in visual display. (I.e., missing central image)
Actual Results:  
Image fails to load in first step; image loads properly in second step.

Expected Results:  
The browser shouldn't render things differently when the /index.html is omitted.

Comment 1

[Erik Fabert]

Your server is misconfigured, it does not send proper headers so Mozilla has to
guess the Content-Type. Based on the extension .html it chooses text/html in the
latter case but in the first case text/xml is chosen. That's why you are not
seeing the central image: is is inserted via JavaScript but you can't put JS in
a <!-- --> comment in XML, it won't get executed.

Comment 2

[OstGote!]

Something more: The css is not correct, see the JS console.

Error: Expected end of value for property but found 'no-repeat'.  Error in
parsing value for property 'background-image'.  Declaration dropped.
Source File: http://labrat.icpsr.umich.edu/index.html
Line: 19

<style type="text/css">
...
#banner {
...
	background-image: url(/images/random1.jpg) no-repeat;
}
...
</style>

should be

<style type="text/css">
...
#banner {
...
	background-image: url('/images/random1.jpg');
	background-repeat: no-repeat;
}
...
</style>