Bug 15370 - Dropdown control is misaligned at right top of the page because of margin: -18px
Summary: Dropdown control is misaligned at right top of the page because of margin: -18px
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Evangelism (show other bugs)
Version: 523.x (Safari 3)
Hardware: All All
: P3 Minor
Assignee: Nobody
URL: http://world.people.com.cn/
Keywords:
Depends on:
Blocks:
 
Reported: 2007-10-04 08:05 PDT by Anantha Keesara
Modified: 2020-10-23 14:00 PDT (History)
5 users (show)

See Also:


Attachments
Dropdown control is misaligned at right top of the page because of margin: -18px (298 bytes, text/html)
2007-10-04 08:07 PDT, Anantha Keesara
no flags Details
another test case (268 bytes, text/html)
2008-02-15 05:53 PST, Robert Blaut
no flags Details
Screenshot (71.18 KB, image/png)
2010-03-30 14:16 PDT, David Kilzer (:ddkilzer)
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Anantha Keesara 2007-10-04 08:05:33 PDT
I .Steps:
-----------
1. Go to: http://world.people.com.cn/

II. Issue:
-----------------
In the right top of the page dropdown control is misaligned.

III. Other browsers:
-----------
IE, FF: no issue.
Safari and Opera: has the issue

Attached is minimal testcase.
Comment 1 Anantha Keesara 2007-10-04 08:07:14 PDT
Created attachment 16532 [details]
Dropdown control is misaligned at right top of the page because of margin: -18px
Comment 2 mitz 2007-10-04 09:19:10 PDT
I cannot immediately see that WebKit is wrong. It depends on what constitutes the "outer edge" of a box when it has negative margins.
Comment 3 Robert Blaut 2008-02-15 05:53:09 PST
Created attachment 19137 [details]
another test case

This issue is not a bug. It's rendered as expected in Webkit and Opera. Negative margin is a workaround for Firefox bug that renders floated select element to low in this case.
Comment 4 Robert Blaut 2008-02-15 05:55:53 PST
Hmm, it's better to classify the bug as evangelism issue. The site should correct its code.
Comment 5 David Kilzer (:ddkilzer) 2010-03-30 10:22:57 PDT
Firefox renders the two test cases the same as WebKit nightly r56669.

The site still hasn't fixed the issue.
Comment 6 David Kilzer (:ddkilzer) 2010-03-30 14:16:26 PDT
Created attachment 52080 [details]
Screenshot