Bug 18695 - Table layout issues under strict DTD
Summary: Table layout issues under strict DTD
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Tables (show other bugs)
Version: 525.x (Safari 3.1)
Hardware: PC Windows XP
: P2 Normal
Assignee: Nobody
URL: http://www.nick-santos.com/tests/bubb...
Keywords: NeedsReduction
Depends on:
Blocks:
 
Reported: 2008-04-23 09:30 PDT by Nick Santos
Modified: 2022-08-13 10:34 PDT (History)
7 users (show)

See Also:


Attachments
Safari 15.6 matches with other browsers (1.04 MB, image/png)
2022-08-13 10:32 PDT, Ahmad Saleem
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Nick Santos 2008-04-23 09:30:38 PDT
On the linked page, Safari 3 gives the top row and the bottom row far too much vertical space.

Switching to a quirks or transitional DTD fixes the issue (the page has a strict dtd).

Adding line-height:0 and font-size:1px to the TDs on the top and the bottom also fixes the issue.

The page looks fine on FF/IE.
Comment 1 Ahmad Saleem 2022-08-13 10:32:49 PDT
Created attachment 461592 [details]
Safari 15.6 matches with other browsers

I manage to find this URL on Wayback Archive and turn it into JSFiddle below:

Link - https://jsfiddle.net/079123bj/show

I am not able to reproduce this bug in Safari 15.6 and it matches with other browser as can be seen in attached screenshot.

I am going to mark this as RESOLVED CONFIGURATION CHANGED, assuming it was fixed along the way. Thanks!
Comment 2 Ahmad Saleem 2022-08-13 10:34:09 PDT
NOTE - I added the strict DTD in below JSFiddle and there was no difference:


Link - https://jsfiddle.net/ez3yprd4/show