Bug 10861 - Incorrect layout rendering on www.livejournal.com
Summary: Incorrect layout rendering on www.livejournal.com
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: New Bugs (show other bugs)
Version: 420+
Hardware: Mac OS X 10.4
: P2 Normal
Assignee: Nobody
URL: http://www.livejournal.com/
Keywords: NeedsReduction
Depends on:
Blocks:
 
Reported: 2006-09-14 17:44 PDT by Miles Bainbridge
Modified: 2012-06-25 16:14 PDT (History)
3 users (show)

See Also:


Attachments
www.livejournal.com in WebKit 9-13-2006 nightly build, before logging in (270.29 KB, image/png)
2006-09-14 19:55 PDT, Miles Bainbridge
no flags Details
www.livejournal.com in WebKit nightly build 9-13-2006, after logging in. (272.80 KB, image/png)
2006-09-14 19:56 PDT, Miles Bainbridge
no flags Details
www.livejournal.com in FireFox 1.5.0.5 before logging in (278.70 KB, image/png)
2006-09-14 19:57 PDT, Miles Bainbridge
no flags Details
www.livejournal.com in FireFox 1.5.0.5 after logging in. (261.62 KB, image/png)
2006-09-14 19:57 PDT, Miles Bainbridge
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Miles Bainbridge 2006-09-14 17:44:11 PDT
Using both the version of WebKit bundled with Mac OS X 10.4.7, and the nightly build of WebKit from 9-14-2006, a new CSS and JavaScript menu system implemented on www.livejournal.com renderes incorrectly.  Elements are misaligned vertically, causing some text to clip under menus.  The menus render correctly using FireFox 1.5.0.6.  Additionally, the login box at the top-right of the menu on www.livejournal.com has square corners when rendered by WebKit, but radiused corners on the top, when using FireFox.  The bottom corners are still square.
Comment 1 Miles Bainbridge 2006-09-14 19:55:42 PDT
Created attachment 10563 [details]
www.livejournal.com in WebKit 9-13-2006 nightly build, before logging in
Comment 2 Miles Bainbridge 2006-09-14 19:56:28 PDT
Created attachment 10564 [details]
www.livejournal.com in WebKit nightly build 9-13-2006, after logging in.
Comment 3 Miles Bainbridge 2006-09-14 19:57:18 PDT
Created attachment 10565 [details]
www.livejournal.com in FireFox 1.5.0.5 before logging in
Comment 4 Miles Bainbridge 2006-09-14 19:57:52 PDT
Created attachment 10566 [details]
www.livejournal.com in FireFox 1.5.0.5 after logging in.
Comment 5 Miles Bainbridge 2006-10-14 22:14:15 PDT
Changing component from CSS to New Bugs so this bug can get screened.
Comment 6 mitz 2006-11-03 15:59:22 PST
I couldn't reproduce the login page screenshot in TOT WebKit or in shipping Safari. The site may have changed, but it currently looks fine. The rounded corners are specified using Firefox's proprietary -moz-border-radius property and the proposed border-radius property. Neither property is supported in WebKit, however TOT WebKit supports the -webkit-border-radius property.

Miles, thanks for reporting the bug! Are you still seeing incorrect layout on the login page? Could you check the "after logging in" page again?
Comment 7 Miles Bainbridge 2006-11-03 16:09:53 PST
Yes, I'm still seeing incorrect layout rendering, though not so much with regards to the login box - what continues to happen at this point is that text is getting clipped under the page heading, such as is shown in the "after logging in" screen shot..
Comment 8 Alexey Proskuryakov 2007-07-10 06:26:03 PDT
I have created an account, and I also cannot reproduce this. The site looks quite different - e.g., there's no "News update" to be obscured.

Could you please attach a new screenshot?
Comment 9 Alexey Proskuryakov 2007-07-10 06:31:50 PDT
By the way, I saw some incorrect layout on this site because it doesn't specify some font sizes - with a default of Times/18pt, the user menu (dark blue) partially obscures the links above it! Changing the default to Times/14pt made it fully match Firefox.
Comment 10 Elliott Sprehn 2012-06-25 16:14:42 PDT
The site doesn't look like this anymore so there's no way to tell, but it seems likely that this was just a font sizing issue