Closed
Bug 334412
Opened 20 years ago
Closed 20 years ago
Incorrect displaying of background-position:bottom to body tag
Categories
(Firefox :: General, defect)
Tracking
()
RESOLVED
INVALID
People
(Reporter: parisholley, Unassigned)
References
(
URL
)
Details
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2
When applying background position to bottom in the body tag within the background: or background-position: it does not apply correctly ( does not show, where as the top and other positions display fine )..not tested on non-body tags
Reproducible: Always
Steps to Reproduce:
1.body{background:#1f242a url(images/bg.gif) repeat-x bottom}
2.
3.
Actual Results:
Showed nothing for the background
Expected Results:
Should have showed background across bottom of browse window
|
||
Comment 1•20 years ago
|
||
Without any context for the CSS in comment 0, it's a bit hard to figure out what's wrong here. If I had to guess, I'd say you're probably not setting a height on the root element.
The revised testcase in the URL field works for me on Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2
URL: %3Chtml%3E%0D%0A%3Chead%3E%0D%0A%3Cst...
Status: UNCONFIRMED → RESOLVED
Closed: 20 years ago
Resolution: --- → INVALID
|
Reporter | |
Comment 2•20 years ago
|
||
why would the height have to be set on the body? it should be applying the bg to the page regardless...
Status: RESOLVED → UNCONFIRMED
Resolution: INVALID → ---
|
|
||
Comment 3•20 years ago
|
||
(In reply to comment #2)
> why would the height have to be set on the body? it should be applying the bg
> to the page regardless...
>
I did not say the body, I said the *ROOT* element i.e. <html>. If you want to see what happens to the body when you fail to set a height on the root element, fire up the DOM Inspector and take a look. The example piece of CSS you provided does not take the root element into account, therefore it is wrong and this bug is invalid.
Status: UNCONFIRMED → RESOLVED
Closed: 20 years ago → 20 years ago
Resolution: --- → INVALID
|
|
||
Comment 4•19 years ago
|
||
How would you set the height on the HTML-
and isnt the Body tag HTML? Why would someone have to go through this just to get a normal CSS attribute to work properly on FF?
I am having the same problem - but i used bottom right for positioning- it works in IE, Mozzilla, Netscape, but not FF 1.5.
any help would be appreciated.
here is my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>reachingtokyo.com</title><style type="text/css">#Layer1 { position:absolute; width:267px; height:136px; z-index:100; left: 236px; top: 199px; overflow: visible;}body { background-image: url("spring06/images/keki2.gif"); margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-repeat: no-repeat; background-position: bottom right; background-color: #F2F2F2;}.style1 { font-family: Arial, Helvetica, sans-serif; font-size: 10px;}.style3 { color: #FF0000; font-variant: small-caps;}a:link { color: #FF0000; text-decoration: none;}a:visited { text-decoration: none; color: #666666;}a:hover { text-decoration: none; color: #999999;}a:active { text-decoration: none;}.style4 {font-size: 11px}</style><script language="JavaScript" type="text/JavaScript"><!--function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true);//--></script></head>
<body><div id="Layer1" style="background-repeat: no-repeat; background-position: bottom right; width: 267px; height: 125px; position: absolute; top: 152px; left: 129px;"> <p class="style17 style22 style1 style4">reachingtokyo.com We live near Koenji in Tokyo Japan. We are here because we believe God wants to see something happen in the creative community.The site is about our experiences and thoughts as we become a part of that community inTokyo.</p> <div class="style1"> <div align="right" class="style3"><a href="spring06/keepsp06/news.htm" class="style4">Content </a></div> </div> <p class="style17 style22 style1"> </p></div></body></html>
|
|
||
Comment 5•19 years ago
|
||
(In reply to comment #4)
> How would you set the height on the HTML-
> and isnt the Body tag HTML? Why would someone have to go through this just to
> get a normal CSS attribute to work properly on FF?
> I am having the same problem - but i used bottom right for positioning- it
> works in IE, Mozzilla, Netscape, but not FF 1.5.
> any help would be appreciated.
>
The explanation above already explains that assuming that the height of body element is equal to the height of the viewport is completely broken logic.
Bugzilla is not a place to seek support either. Personally emailing commenters on a bug is also likely to get you flat-out ignored.
|
|
||
Comment 6•19 years ago
|
||
(In reply to comment #5)
> (In reply to comment #4)
> > How would you set the height on the HTML-
> > and isnt the Body tag HTML? Why would someone have to go through this just to
> > get a normal CSS attribute to work properly on FF?
> > I am having the same problem - but i used bottom right for positioning- it
> > works in IE, Mozzilla, Netscape, but not FF 1.5.
> > any help would be appreciated.
> >
> The explanation above already explains that assuming that the height of body
> element is equal to the height of the viewport is completely broken logic.
> Bugzilla is not a place to seek support either. Personally emailing commenters
> on a bug is also likely to get you flat-out ignored.
(In reply to comment #5)
> (In reply to comment #4)
> > How would you set the height on the HTML-
> > and isnt the Body tag HTML? Why would someone have to go through this just to
> > get a normal CSS attribute to work properly on FF?
> > I am having the same problem - but i used bottom right for positioning- it
> > works in IE, Mozzilla, Netscape, but not FF 1.5.
> > any help would be appreciated.
> >
> The explanation above already explains that assuming that the height of body
> element is equal to the height of the viewport is completely broken logic.
> Bugzilla is not a place to seek support either. Personally emailing commenters
> on a bug is also likely to get you flat-out ignored.
the explaination above didnt explain anything that is why i commented. the point is ITS A BUG - in no other browser do you have to set the height of the HTML - your "explaination"is not an explaination. I should have said WHY instead of HOW do you set the HTML height but the point still stands normal CSS like positioning works will all other browsers so what the real logic- using standards?
Bugzilla is a place to work out problems with bugs or potential bugs- nobody including yourself has shown any CSS or HTML logic to support why someone would have to go through this step. The discussion should be a complete one and the problem is that people who like FF always give the answer to any problem as "its a problem with your coding" its lame- solve the problem
there are other people using bugzilla that maybe dont know as much as you do but that doesnt mean they dont have legitimate points and bugs to report.
being rude and obnoxious doesn't solve any problems- Learn some manners
You need to log in
before you can comment on or make changes to this bug.
Description
•