154156 - Mozilla thinks that the padding for the background position should be the <table>... i and other browsers think it should be the <td>...

Status: VERIFIED INVALID

(Core :: Layout, defect)

Description

[alessandro]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.1a) Gecko/20020611
BuildID:    all till 2002061104

Mozilla thinks that the padding for the background position should be the
<table>... i and other browsers think it should be the <td>...
in fact the background-position style is used to have two gradients frow blue to
green and from green to yellow. this doesn't happen. the first gradient should
be placed on the right in the left <td>s. the second gradient should be placed
on the left in the right <td>s... what happens is that the first one is placed
on the right of the table, and the second one on the left of the table, both
covered by the <td>s... this way they don't appear at all... sorry for my bad
English...

Reproducible: Always
Steps to Reproduce:
1. go to http://www.poli.studenti.to.it/~a.salvatori/ it's all ready :)

Actual Results:  the first gradient should be placed on the right in the left
<td>s. the second gradient should be placed on the left in the right <td>s...
what happens is that the first one is placed on the right of the table, and the
second one on the left of the table, both covered by the <td>s... this way they
don't appear at all...

Expected Results:  in fact the background-position style is used to have two
gradients frow blue to green and from green to yellow. this doesn't happen. the
first gradient should be placed on the right in the left <td>s. the second
gradient should be placed on the left in the right <td>s... this way the page
should vary from blue to green to yellow in a continuos way...

style="color: #000000; background-color: #00FFFF; background-image:
url('images/gradientLEFT.png'); background-repeat: repeat-y;
background-attachment: fixed; background-position: right"

(put inside a <td> in a larger table... with other <td>s to the right)

Comment 1

[Manoj]

viewing this page in Mozilla 1.1a crashed my Mozilla session. Doesn't seem to 
repro the crash but the page looks warped. On Win XP, Build 2002061108.

Comment 2

[Boris Zbarsky [:bzbarsky]]

allesandro, is there a screenshot that shows the expected rendering?

Also note that "background-attachment:fixed" means the positioning is done with
respect to the _viewport_ but the background is only visible inside the element
it's defined for....

Comment 3

[alessandro]

Attachment: here you are the screenshot of what ie or opera do render... (may i say their names?-)

Manoj: what do you mean when you say "the page looks warped"? warped? do you
mean that nested tables are rendered averywhere around in the screen as
netscape 4 does? my mozilla 1.1a does render everything well but the
background... thank you.
Boris: the viewport is the whole window? i thought fixed meant it shouldn't
move togeter with the scroll... and i thought what you say should apply to
position:absolute... but i did learn html on ms internet client sdk and so i
don't know how fair that documentation was...

Comment 4

[Boris Zbarsky [:bzbarsky]]

So.. see comment 2:

" but the background is only visible inside the element it's defined for...."

So the backgrounds should never overlap and you should not be getting that
"blending" effect (unless the table cells themselves are overlapping, which
should never happen).  I'm sorry, but it looks to me like IE and Opera simply
screw this up....

Comment 5

[Eric A. Meyer (dead account)]

Right.  Removing 'background-attachment: fixed;' from the various cells fixes
the page.  IE/Win and Opera handle 'fixed' backgrounds incorrectly, whereas
Mozilla and IE5/Mac get it right (apparently Konqueror 3 does as well).  This is
why Opera and IE/Win don't correctly render
http://www.meyerweb.com/eric/css/edge/ and the "complex spiral" demos.  The bug
as reported is invalid.

Comment 6

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

Yeah, I suspected that when I saw this bug earlier.  This is not a bug in
Mozilla.  Rather, Mozilla supports 'background-attachment: fixed' but IE
doesn't, and therefore we display the page differently from IE (and correctly,
except that it seems you tested the page in IE).  You should probably just
remove the 'background-attachment: fixed' from the page.

Marking bug invalid.

Comment 7

[alessandro]

yeah you are great!
i think that microsoft client sdk is quite unfair...
but i never found anything as complete as it is about dhtml 4... :(
thank you very much!
sandr8)

Comment 8

[Amarendra Hanumanula]

 Verified invalid