297885 - external CSS files are not loaded if the HTML file is opened from the file system (file://...)

Status: RESOLVED INVALID

(Firefox :: General, defect)

Description

[u88384]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.8) Gecko/20050511 Firefox/1.0.4
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.8) Gecko/20050511 Firefox/1.0.4

I have a HTML file with an external stylesheet. When I'm opening the HTML file
from the filesystem (e.g. using file:///d:/test/test.htm), mozilla will not
load/use the styles from an external CSS file.

When the file is loaded via web server (http://...) it works as expected.
Internet Explorer displays the file correctly (even with file://...).

The external CSS file is included with:
 <link rel="stylesheet" type="text/css" href="test.css" />

Reproducible: Always

Steps to Reproduce:
See details.

Actual Results:  
Style definitions from the external CSS are not applied to the HTML file.

Expected Results:  
Load and apply the style definitions from the external CSS.

Comment 1

[u88384]

Attachment: Test HTML page and external CSS

Comment 2

[Peter van der Woude [:Peter6]]

it's most probably an illegal operation (see message in javascript console)
inva ?

Comment 3

[Peter van der Woude [:Peter6]]

Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8b2) Gecko/20050616
Firefox/1.0+ ID:2005061607

WFM

file:///C:/test.html
css on C:/test.css

Comment 4

[u88384]

(In reply to comment #3)

I have no message in the javascript console. What has CSS loading to do with
javascript?

Comment 5

[Frank Wein [:mcsmurf]]

With recent FF versions (maybe even in yours?) errors when loading a CSS
stylesheet and errors in the stylesheet itself will be displayed in the JS Console.

Comment 6

[Frank Wein [:mcsmurf]]

BTW: You have any extensions installed? This is also wfm with FF 1.0.4 and Win2k
here.

Comment 7

[u88384]

(In reply to comment #6)
> BTW: You have any extensions installed? This is also wfm with FF 1.0.4 and Win2k
> here.

WFM=?

I tested it again, with FF 1.0.4 (english) on WinXP (german). I have no
extensions installed. No errors in the JavaScript console. No Stylesheet is
loaded or applied to the HTML in FF. In IE everything works OK. Please check the
screenshot (attachment #2 [details] [diff] [review]).

Comment 8

[u88384]

Attachment: Screenshot of the error

Comment 9

[Peter van der Woude [:Peter6]]

Hmm, this is weird
I am getting errors here

Error: Unexpected end of file while searching for '',' or '{''.  Ruleset ignored
due to bad selector.
Source File: file:///C:/test/test.css
Line: 1

Error: Unexpected end of file while searching for 'closing } of invalid rule set'.
Source File: file:///C:/test/test.css
Line: 1

this is with test.css
h1{color:red}

Comment 10

[Michael]

Attachment: Fixed HTML test page

You have a malformed "test.html" file. I opened it using the html editor from
http://nvu.com/ and that program fixed it automatically so that it now works. I
have attached the corrected html test page which works in Firefox.

Comment 11

[Michael]

On second look apart from a missing DOC type, the only problem was that you
closed the <link> tag when you shouldn't of. It should be:

<link rel="stylesheet" ... >

Not:

<link rel="stylesheet" ... />

Comment 12

[Peter van der Woude [:Peter6]]

my bad i didn't notice this

Comment 13

[Michael]

Also the file doesn't appear to be 8 bit encoded which it should be, but rather
some other encoding scheme. Using http://www.pnotepad.org/ I see it's not
encoded in either of the four main types. I had to open and save it in windows
notepad which converted it to UTF-16 Little Endian encoding before I could
change it to 8 bit in pnotepad which fixes it.

Comment 14

[u88384]

I saved the original test page with UNICODE encoding (UTF-16). It seems that
this was the reason for the problem. When I save it as ANSI or UTF-8, it is
displayed correctly.

Adding a DOCTYPE and removing the slash inside the link tag did not help. It
only worked after changing the HTML file's encoding.

I don't know whether that is a bug in FF (with UTF-16 files) or not, but
according to Michaels comment it seems it's not.

Thanks for your help.

Comment 15

[u88384]

Additional info: both files (HTML + external CSS) must have the same encoding.
Then it also works with UNICODE / UTF-16.

This was also reported in bug #161425.