Bug 14884 - weddings.com pages render poorly (overlapped text, misplaced images)
Summary: weddings.com pages render poorly (overlapped text, misplaced images)
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 523.x (Safari 3)
Hardware: Mac (PowerPC) OS X 10.4
: P2 Major
Assignee: Nobody
URL: http://kokesandscholten.weddings.com/
Keywords: HasReduction
Depends on:
Blocks:
 
Reported: 2007-08-05 00:05 PDT by Ab Pp
Modified: 2022-08-04 09:36 PDT (History)
2 users (show)

See Also:


Attachments
Absolute positioned element inside relative positioned element with display:table causes potential bug (560 bytes, text/html)
2007-12-19 13:28 PST, allan28
no flags Details
Safari 15.6 matches with other browsers (1.26 MB, image/png)
2022-08-04 09:36 PDT, Ahmad Saleem
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Ab Pp 2007-08-05 00:05:19 PDT
Pages from Weddings.com do not display well in Safari, but they do in IE and FF. Example: "http://kokesandscholten.weddings.com/".
Comment 1 David Kilzer (:ddkilzer) 2007-08-05 20:18:20 PDT
There is also one repeated JavaScript error that happens while the page is open (every few seconds):

TypeError: Null value
http://registry.weddingchannel.com/wedding_websites/PersonalWebsite.action?view=home&occ=544574740
Line: 199

Comment 2 allan28 2007-12-19 13:28:17 PST
Created attachment 17994 [details]
Absolute positioned element inside relative positioned element with display:table causes potential bug
Comment 3 allan28 2007-12-19 13:39:25 PST
An element with position:absolute inside an element with position:relative and display:table causes the first element to be positioned relative to the parentelement.

The same behaviour is shown in Webkit and IE6. Firefox positions the element relative to the page.

This causes a problem on the wedding-site, as IE (and thus Safari) specific CSS, is done using !important, e.g:
.square
{
    top:200px; !important
    top:400px;
}

Webkit will respect the first "top", IE the second. This results in a correct page for IE and Firefox, but not Safari.

---

The javascript error is just an interval continuing to refer to a nonexistent element.
Comment 4 Dave Hyatt 2007-12-19 13:45:02 PST
Not sure this reduction is valid.  Our rendering of that reduction is completely correct.
Comment 5 Gavin Sherlock 2007-12-19 14:12:38 PST
The rendering of the reduction (http://bugs.webkit.org/attachment.cgi?id=17994&action=view) is different between the current nightly on 10.4.11 and Firefox 2.0.11.  On Firefox, the blue square is in the middle of the red square.  It most definitely is not when using r28848 on 10.4.11, with the blue square rendering below the red square.
Comment 6 allan28 2007-12-19 14:27:51 PST
The blue box says: "Should be in the middle of the red square". This may very well be incorrect, and IE and Webkit may be right, and the bug is with Firefox. I should have noted that.

(In reply to comment #4)
> Not sure this reduction is valid.  Our rendering of that reduction is
> completely correct.
> 

Comment 7 David Kilzer (:ddkilzer) 2007-12-19 22:52:20 PST
So do we need another reduction, or is this an evangelism issue for weddings.com?

Comment 8 allan28 2007-12-19 23:07:38 PST
If Dave Hyatt is correct (and I'm assuming he is:)), I would say this is an evangelism issue.

The problem is however, that this would require specific Safari alterations for the wedding-site.
As Webkit handles both !important and the positioning issue correctly, it falls between IE and Firefox, as IE handles !important incorrectly, and Firefox handles the positioning issue incorrectly.

If Firefox is in the wrong, it seems to be a pretty major bug?

In any case, the reduction is correct: This is why the wedding-page doesn't work in Safari.

(In reply to comment #7)
> So do we need another reduction, or is this an evangelism issue for
> weddings.com?
> 

Comment 9 David Kilzer (:ddkilzer) 2007-12-19 23:20:52 PST
I sent a note about correcting the web site for Safari 3 (WebKit) to the "Contact Us" link at the bottom of this web page to start the ball rolling:

http://www.weddingchannel.com/ui/buildArticle.action?assetUID=42591

Comment 10 David Kilzer (:ddkilzer) 2007-12-26 19:58:30 PST
Response from customer support:

From: "Wedding Channel" <customerservice@weddingchannel.com>
To: ddkilzer@webkit.org
Subject: RE: Other / General Comments (Thread:1417376)
Date: Wed, 26 Dec 2007 10:19:09 -0800

Thank You For Your Recent WeddingChannel Inquiry 
Dear David, 

WeddingChannel.com does have a few known compatibility issues with the
Safari browser.  Several Mac users I've spoken to say the Firefox browser
works better for them when Safari won't.  Other than that, you might try
deleting your cookies and trying again, or making the attempt from a
different computer.

If you have any further questions or concerns, please contact customer
service at the phone number or email address below. Thank you and have a
Great day!

Sincerely,
Brian
WeddingChannel Customer Service Team
customerservice@weddingchannel.com
Comment 11 Ahmad Saleem 2022-08-04 09:36:33 PDT
Created attachment 461401 [details]
Safari 15.6 matches with other browsers

I am unable to reproduce this issue with Safari 15.6 on macOS 12.5 based on attached reduction test case and Safari matches with all other browsers as can be seen and now Firefox has changed their behavior to aligned with Webkit by not showing "Blue" box inside.

Since it was a fix outside of Webkit / Safari, I am going to mark this as 'RESOLVED INVALID'. Please reopen, if needed. Thanks!