RESOLVED INVALID 10861
Incorrect layout rendering on www.livejournal.com 
https://bugs.webkit.org/show_bug.cgi?id=10861
Summary Incorrect layout rendering on www.livejournal.com
Miles Bainbridge
Reported 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.
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
View All Add attachment proposed patch, testcase, etc.
Miles Bainbridge
Comment 1 2006-09-14 19:55:42 PDT
Created attachment 10563 [details] www.livejournal.com in WebKit 9-13-2006 nightly build, before logging in
Miles Bainbridge
Comment 2 2006-09-14 19:56:28 PDT
Created attachment 10564 [details] www.livejournal.com in WebKit nightly build 9-13-2006, after logging in.
Miles Bainbridge
Comment 3 2006-09-14 19:57:18 PDT
Created attachment 10565 [details] www.livejournal.com in FireFox 1.5.0.5 before logging in
Miles Bainbridge
Comment 4 2006-09-14 19:57:52 PDT
Created attachment 10566 [details] www.livejournal.com in FireFox 1.5.0.5 after logging in.
Miles Bainbridge
Comment 5 2006-10-14 22:14:15 PDT
Changing component from CSS to New Bugs so this bug can get screened.
mitz
Comment 6 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?
Miles Bainbridge
Comment 7 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..
Alexey Proskuryakov
Comment 8 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?
Alexey Proskuryakov
Comment 9 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.
Elliott Sprehn
Comment 10 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
Note You need to log in before you can comment on or make changes to this bug.