316001 - Background image defined in external CSS file not displayed by any released Firefox 1.5 build

Status: VERIFIED DUPLICATE of bug 243751

(Core :: CSS Parsing and Computation, defect)

Description

[Swen Baumann]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8) Gecko/20051107 Firefox/1.5
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8) Gecko/20051107 Firefox/1.5

When configuring a backgroung image in an external CSS file like: 

body {
	background: url(pics/bottom.jpg) repeat-x left bottom;
	...

the image is not displayed.
Firefox 1.07 and Firefox 1.5 BETA2 had no problems. Since Firefox 1.5RC1+2 the background image is not displayed.

Reproducible: Always

Steps to Reproduce:
1. Open the URL with Firefox 1.07
2. Open the URL with Firefox 1.5 RC2
3. With Firefox 1.5 RC2, at the bottom of the page theres no backgroungd image.

Actual Results:  
Image not displayed

Expected Results:  
Backgroung image

Only tested on Windows XP.

Comment 1

[José Jeria]

Can you please attach a minimized testcase (only have elements necessary to show the bug) showing this issue?
https://bugzilla.mozilla.org/attachment.cgi?bugid=316001&action=enter

Comment 2

[Henrik Skupin [:whimboo][⌚️UTC+2]]

It seems that the whole 1.8 branch is infected. The oldest build I've currently available is 1.5 beta 1 and the background image is not visible.

After removing the 'repeat-x' all seems fine and the image is displayed.

David or Hixie, do you have any idea what there was changed? 

Comment 3

[Swen Baumann]

Here is an minimized testcase:
http://www.iomeda.com/testzugang/firefox/test.html

Comment 4

[José Jeria]

Attachment: Minimized testcase

Comment 5

[:Gavin Sharp [email: [e-mail]]]

That testcase is bug 243751, though I'm not sure the original example is.

Comment 6

[José Jeria]

(In reply to comment #5)
> That testcase is bug 243751, though I'm not sure the original example is.
> 
You sure about that? The image appeared in the top once i removed margin:0. Putting that value back will not show it at all

Comment 7

[:Gavin Sharp [email: [e-mail]]]

(In reply to comment #6)
> You sure about that? The image appeared in the top once i removed margin:0.
> Putting that value back will not show it at all

What margin:0? I don't see it in either the original testcase or yours. Set body {height: 100%;} on your testcase and the image appears as it should, though.

Comment 8

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

*** This bug has been marked as a duplicate of 243751 ***

Comment 9

[Swen Baumann]

Now Firefox 1.5 RC3 is released. The bug is still the same. 

"repeat-x" is still the killer command for the background file (http://www.iomeda.com/testzugang/firefox/test.html) although the complete page (http://www.iomeda.de/testzugang/iotest-3/index.php) is still not correctly displayed. 
height: 100%; in the body tag doesn't help. 

These two sites are correctly displayed on the following systems:
Apple: Firefox 1.07, Safari 1.3, 2.0.2 (Sucessful ACID2 Test!!!) 
Windows: Firefox 1.07, Mozilla 1.7.11, MS IE 6

OK, Opera also has problems. Are you sure Opera has no bugs? How many people use Opera? For us as webdesigners not enough. 

Whats wrong with Firefox 1.5? Could anyone explain it??? 

Comment 10

[José Jeria]

Did you read the bug this was duplicated to? There you will find the answer...

Comment 11

[Swen Baumann]

Thank you José!
Do you mean?

html {
height: 100%;
}

in the CSS-File?
Could you take a look at 
http://www.iomeda.de/testzugang/iotest-3/index.php

With Firefox 1.5 RC3 (Windows XP) I have still a problem. The background image is not at the bottom. 

Comment 12

[Swen Baumann]

Additional information:
The backgroung image is not at the bottom when the browser windows has a scrollbar. If the browser window is large enough to display the html site without a scrollbar, the background image is placed correctly at the bottom.
http://www.iomeda.de/testzugang/iotest-3/index.php

Test: 
1. Create a small browser window on your desktop and load the url. Then scroll down, you will see the background image is not placed on the bottom. 
2. Create a full screen browser window on your desktop and load the url. No scollbars should be seen. Then you will see the background image is placed on the bottom. 

Tested with Firefox 1.5 RC3 on Mac.