User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b) Gecko/20050120 Firefox/1.0+ Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b) Gecko/20050120 Firefox/1.0+ While applying "background:url("trans.gif") bottom repeat-x #ffffff;" where trans.gif is any image with a height. Gecko just doens't position the background at the bottom of the screen. This used to work in the 1.0final Reproducible: Always Steps to Reproduce: 1.apply "background-position: bottom" to body element 2.Load the page 3. Actual Results: You see a small line of the background on top of the screen. Expected Results: See the image on the bottom of the screen expanded to its full height.
Created attachment 172000 [details] testcase please view in latest nightly and in the 1.0 final. You can immediately see the deferent’s. I believe that the result in 1.0final is the desired result.
*** Bug 279253 has been marked as a duplicate of this bug. ***
Not really, the BODY element does not have a height of 100% so it should not appear at the bottom of the screen. ->INVALID
Status: UNCONFIRMED → RESOLVED
Last Resolved: 14 years ago
Resolution: --- → INVALID
Applying it to the HTML or :root gives me the same problem
That is because the HTML element does not have a height of 100% as well.
Yes but it still doesn't work when applying min-height: 100% or height: 100% on the body element
Because then the BODY element will get the height of HTML element which is still auto and not 100% ;-) However, bugzilla is bug triaging system, not a user forum to ask questions about CSS.
Component: Layout: View Rendering → Layout: Web Painting
Product: Core → Core
You need to log in before you can comment on or make changes to this bug.