Closed Bug 444561 Opened 16 years ago Closed 8 years ago

inline-tables rendered with vertical offset, not like FF2 handled them

Categories

(Core :: Layout, defect)

defect
Not set
normal

Tracking

()

RESOLVED INCOMPLETE

People

(Reporter: dvdkhlng, Unassigned, NeedInfo)

References

()

Details

(Keywords: regression, testcase)

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.15) Gecko/20080625 Ubuntu/7.10 (gutsy) Firefox/2.0.0.15
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9) Gecko/2008061015 Firefox/3.0

Rendering of websites that use inline-tables seems to be broken, at least rendering in FF3 differs a lot from rendering in FF2.  My minimum testcase is:
http://mosquito.dyndns.tv/~spock/ruby_test.html

Screenshot of Firefox 2 (Ubuntu 7.10):
http://mosquito.dyndns.tv/~spock/ff2.png

Screenshot of Firefox 3 (Ubuntu 8.04):
http://mosquito.dyndns.tv/~spock/ff3.png


Reproducible: Always

Steps to Reproduce:
1. Load http://mosquito.dyndns.tv/~spock/ruby_test.html
2. Compare FF2 and FF3 rendering
3. Compare with provided screenshots
Actual Results:  
FF2 and FF3 rendering totally differs (see screenshots)

Expected Results:  
FF2 und FF3 rendering should not differ.

Maybe my HTML/stylesheet is broken or ambiguous? However the FF3 error console does not list any problems.  Modern versions of Safari render inline-tables like FF2.
Component: General → Layout
Product: Firefox → Core
QA Contact: general → layout
Regression range is:
http://bonsai.mozilla.org/cvsquery.cgi?module=PhoenixTinderbox&date=explicit&mindate=2005-10-04+03%3A00&maxdate=2005-10-04+13%3A00
so it could be caused by Bug 291060.
Blocks: 291060
Status: UNCONFIRMED → NEW
Ever confirmed: true
Keywords: regression, testcase
OS: Linux → All
Hardware: PC → All
Version: unspecified → Trunk
Firefox 2 doesn't support display: inline-table, so that css rule will be ignored and instead inline will be used.

Firefox 3 does support display: inline-table.

This bug looks invalid to me. 
Also, Opera 9.5 seems to render the same as Firefox 3.
Ditto what Martijn says.

Note also:
'The baseline of an 'inline-table' is the baseline of the first row of the table'
http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align

The vertical-align:-20% will pull that first line in the test case downwards.

Looks like a bug in WebKit/Safari rather than Gecko/Opera
I made a second test-case replacing 'display:inline-table' with 'display:inline':

http://mosquito.dyndns.tv/~spock/ruby_test2.html

This doesn't change the rendering in any way. Still FF2 and FF3 render it differently.  So either a bug in FF2 or in FF3 or a broken/ambiguous stylesheet.

No new screenshots included since these are pixel-for-pixel the same for ruby_test and ruby_test2.

Is it possible to rename the bug report's title?
See comment 3 of why this bug is invalid.

How would you like the bug report be named?
I have tried to test this issue but it seems that the provided URLs are no longer available. 

David, is this still reproducible on your end ? If yes, can you please retest this using latest Firefox release or latest Nightly build (https://nightly.mozilla.org/) and report back the results ? When doing this, please use a new clean Firefox profile, maybe even safe mode, to eliminate custom settings as a possible cause (https://goo.gl/PNe90E). 

Also, can you please provide another URL or a test cases so we can retest this issue?
Flags: needinfo?(dvdkhlng)
Marking this as Resolved: Incomplete due to the lack of response from the reporter.
If anyone can still reproduce it on latest versions, feel free to reopen the issue and provide more information.
Status: NEW → RESOLVED
Closed: 8 years ago
Resolution: --- → INCOMPLETE
You need to log in before you can comment on or make changes to this bug.