Bug 17075 - text misalignment, overlaps table background
Summary: text misalignment, overlaps table background
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: New Bugs (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Windows XP
: P2 Normal
Assignee: Nobody
URL: http://coaching.3suisses.fr/quiztease...
Keywords:
Depends on:
Blocks:
 
Reported: 2008-01-29 14:40 PST by Anantha Keesara
Modified: 2022-09-10 14:51 PDT (History)
1 user (show)

See Also:


Attachments
screenshot (172.90 KB, image/jpeg)
2008-01-29 14:41 PST, Anantha Keesara
no flags Details
Reduction (381 bytes, text/html)
2008-01-29 14:42 PST, Anantha Keesara
no flags Details
Reduction of table align problem (1.06 KB, text/html)
2008-10-08 11:52 PDT, Jon@Chromium
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Anantha Keesara 2008-01-29 14:40:14 PST
I .Steps:
1. Go to: http://coaching.3suisses.fr/quizteaser/christmas/?v=0
2. Click on the "Continuer" button to go to the next set of questions

II. Issue:
The text on succeeding pages is misaligned.

III. Expected: 
Text should not be misaligned

IV. Other browsers: IE/FF/Opera don't have any misalignment.

V. Webkit Nightly tested: r29807
Comment 1 Anantha Keesara 2008-01-29 14:41:27 PST
Created attachment 18775 [details]
screenshot
Comment 2 Anantha Keesara 2008-01-29 14:42:01 PST
Created attachment 18776 [details]
Reduction
Comment 3 Jon@Chromium 2008-10-08 11:52:12 PDT
Created attachment 24195 [details]
Reduction of table align problem

This reduction is from Chromium, see http://code.google.com/p/chromium/issues/detail?id=2043

It seems related to this existing WebKit issue.  If you disagree please create a new WebKit bug.  

There are two sub tables in the container table's td, the 1st sub table is set to right aligned, and the 2nd sub table is set to center aligned.

In IE/Firefox, the 2nd sub table will be center aligned relatively to the space 
expect the 1st sub table in its container td, while in Chrome/Safari the 2nd sub 
table is center aligned absolutely to its container td. So in Chrome/Safari the 2nd sub table overlaps the 1st table.

The rendering presented by IE, FF and Opera is to have the second table, "representing image", centered in the remaining space to the left of the right table.  The actual result is to have the second table centered absolutely in the outer-most table resulting in an overlap.
Comment 4 Ahmad Saleem 2022-09-10 14:51:59 PDT
Both test cases are rendering same across all browsers (Safari Technology Preview 153, Chrome Canary 107 and Firefox Nightly 106) and since all are same, I am going to mark this as "RESOLVED CONFIGURATION CHANGED".

Chrome Bug Comment:

"My reading of http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2.1 doesn't 
make it clear that WebKit is necessarily doing the wrong thing.  However, given that 
WebKit is the odd man out in this regard it makes sense to accept the dominant 
interpretation.  I have attached the example so people outside of Google's corporate 
network can see it."

https://bugs.chromium.org/p/chromium/issues/detail?id=2043#c4

and marked as "RESOLVED WONTFIX".