280876 - scalable image within "position:fixed;" div doesn't scale

Status: RESOLVED INVALID

(SeaMonkey :: General, defect)

Description

[chris tillam]

User-Agent:       Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1)
Build Identifier: 

Working towards having an image remain in the viewport, similar to a fixed 
background-image, but which scales -- thus obviating the need for different 
images for different screen res's; and besides, when one resizes the window, 
the image remains intact. Or should.

I test multiple browsers, on mac at home and win at work. In none of the 
Mozilla clan (NSs7,6, Firefox, K-meleon) on either platform will this code 
work, whereas it will in Safari, Opera (both) IE5mac and (IE6+"IE7")Win:

#fixeddiv {position:fixed; left:0px; top: 0px; height:100%;}
.rubberimageP {height:100%; width:auto;}

Now, I can apply this css from an external stylesheet, or in the head, or 
inline in the successful browsers, but none works in the M0z-clan: the image 
appears to be centered vertically in the containing div, and does not scale.

Additionally, I've noticed that with more than one fixed div, other css styling 
is inhibited on the second-coded div, no matter what combination of classes and 
ids one tries, inline or head...specifically, trying to apply one font in one 
fixed div and another in another. But not fully investigated yet.

cheers

CT



Reproducible: Always

Comment 1

[chris tillam]

apologies: code now works...

http://www-personal.usyd.edu.au/~ctillam/bboxes/charst.htm