200874 - Mozilla will not recognise the URL (http://...) command in the embedded stylesheet, so the graphic doesn't display.

Status: RESOLVED WORKSFORME

(Core :: Web Painting, defect)

Description

[Audra Morrison]

User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.0.1) Gecko/20030306 Camino/0.7
Build Identifier: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.0.1) Gecko/20030306 Camino/0.7

I have tested this page in almost every other browser available to me, and
downloaded Mozilla 1.3 to make sure it wasn't 1.2.1. The graphic displays
correctly with the existing code in Opera 6, Camino .7, Safari v60, and IE 5.2.
Mozilla does not seem able to recognise the "url" command in any of the
following formats when embedded in a stylesheet: url(http://...),
url('http://...'), url("http://..."), or link rel="..." in any combination of
relative or absolute links (e.g. http or ../../images/dada.gif). I am also
having this problem with the webpage at
http://www.ase.uc.edu/curriculum/textbooks.html, which is calling an external
stylesheet with the @import command, but I seem to have solved it by redefining
the document declaration as "loose" instead of "strict." However, the document
mentioned at the URL above (rattlecatcher.blogspot.com) has a "loose"
declaration and an embedded stylesheet and still won't call the image in the
background definition with either a relative or an absolute link. This is
frustrating because I recommend Mozilla to everyone as a CSS compatible browser
and it has this odd little quirk that is actually very important in CSS design.

Reproducible: Always

Steps to Reproduce:
1.Open Mozilla in OS X.
2.Type in URL: http://rattlecatcher.blogspot.com
3. Notice lack of graphic in upper left hand corner. If you rightclick and ask
to View Image, it will show you the image. 

Actual Results:  
No image.

Expected Results:  
The background image should be displayed in the upper left hand corner (fixed,
no repeat) of the web page.

This happens on every version of Mozilla I have tried in OS X (1.0x, 1.2.1,
1.3); it has also happened in Windows NT with 1.0.2, but is working in Windows
98 with Mozilla 1.3.

Comment 1

[Boris Zbarsky [:bzbarsky]]

I see an image of a crescent moon in the top left corner of
http://rattlecatcher.blogspot.com/

I notice that the image comes from a different server; do you allow all images
to load in preferences or only images from the same server?

Comment 2

[Greg K.]

WorksForMe using FizzillaMach/2003040103.

Comment 3

[Audra Morrison]

It may work in Windows Mozilla or on a Windows platform; what doesn't work is Mozilla 1.2.1 or 1.3 in OS X. The image is "there" and if you right click and say "view image" it will show you the page. But the actual page does not display the graphic. This phenomenom can also be viewed at http://www.ase.uc.edu/curriculum/textbooks.html. There should be a graphic of a jet engine in the background, but the @import url(...) won't call the external stylesheet unless the document declaration type is defined as "loose." That's why I think this is a bug. Yes, the image on the blogspot page is being called from another server, but the server is set to allow images to be called from it (that's my server) and the image displays fine in all other browsers, so it's not a server problem.

Comment 4

[Boris Zbarsky [:bzbarsky]]

Audra Morrison, is this a _background_ image?  If so, where is the "View Image"
option coming from?  Background images have a "View Background Image" option....
I'm assuming you meant "View Background Image"; if not, we're talking about
totally different things and should backtrack a bit.

I'm not on Windows.  I'm on Linux.

On http://www.ase.uc.edu/curriculum/textbooks.html the behavior is correct --
the page is in standards mode, the stylesheet is not text/css (the server sends
it as text/plain), so we don't load it.  The JS console error would have told
you that...

So the only possible problem here is with http://rattlecatcher.blogspot.com/

You didn't answer my question about your image settings.  Do you allow "all
images", or "images from originating server only"?

Finally, does clearing your cache change the behavior at all?

Comment 5

[Audra Morrison]

------ Additional Comment         #4 From          Boris Zbarsky         2003-04-06 11:56          -------                    Audra Morrison, is this a _background_ image?  If so, where is the "View Image"option coming from?  Background images have a "View Background Image" option....I'm assuming you meant "View Background Image"; if not, we're talking abouttotally different things and should backtrack a bit.>>If I rightclick where the image should be, I get a little menu that has, as one option, "View Image." Clicking on that takes me to aukestrel.com/images/main.gif and displays the image up in the corner.I'm not on Windows.  I'm on Linux.>>Kewl.On http://www.ase.uc.edu/curriculum/textbooks.html the behavior is correct --the page is in standards mode, the stylesheet is not text/css (the server sendsit as text/plain), so we don't load it.  The JS console error would have toldyou that...>>But that is a problem because every other browser imports the stylesheet correctly; and Mozilla imports the external stylesheet correctly IF the document type definition is "loose" instead of "strict." (Go to http://aukestrel.com/temp/dept/textbooks.html to see an example of this when it works correctly in Mozilla.) If web designers are unable to import external stylesheets when they are writing "strict" 4.01 HTML and/or Mozilla doesn't recognise a request for a text/css as the same as a request for a text/plain when other browsers do... this is a problem.So the only possible problem here is with http://rattlecatcher.blogspot.com/>>Yes, it's a symptom of the same problem, where Mozilla for OS X does not seem to recognise the url(...) command.You didn't answer my question about your image settings.  Do you allow "allimages", or "images from originating server only"?>>Allow all images.Finally, does clearing your cache change the behavior at all?>>No; and that includes running Cache Out X and rebooting.Thank you!Audra

Comment 6

[Boris Zbarsky [:bzbarsky]]

Mozilla _does_ load external sheets in Standards mode _if_ they are 
served with a content type of "text/css" by the server.  Otherwise,
it ignores them as the standards require it to.  The fact that other
browsers are buggy does not affect that.  ;)  

Could you possibly attach a screenshot of what you see on the blogspot site to this bug?

Comment 7

[louis bennett]

this works for me in 1.5 on mac.

Comment 8

[Boris Zbarsky [:bzbarsky]]

Worksforme too, and no response from reporter in almost a year.

Please reopen if this is still a problem.  If so, please answer my questions.