Bug 15295 - width: 100% in <div> tag causes part of the table element to be displayed outside the border
Summary: width: 100% in <div> tag causes part of the table element to be displayed out...
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 523.x (Safari 3)
Hardware: PC Windows XP
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2007-09-27 07:10 PDT by Anantha Keesara
Modified: 2008-02-15 14:33 PST (History)
3 users (show)

See Also:


Attachments
width: 100% in <div> tag causes part of the table element to be displayed outside the border (444 bytes, text/html)
2007-09-27 07:11 PDT, Anantha Keesara
no flags Details
strict test case (410 bytes, text/html)
2008-02-15 14:33 PST, Robert Blaut
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Anantha Keesara 2007-09-27 07:10:13 PDT
Issue: width: 100% in <div> tag causes part of the table element to be displayed outside the border

Other browsers: IE, Opera, FF does not have this issue.

Attached is the testcase.
Comment 1 Anantha Keesara 2007-09-27 07:11:22 PDT
Created attachment 16414 [details]
width: 100% in <div> tag causes part of the table element to be displayed outside the border
Comment 2 Gavin Sherlock 2007-09-27 08:00:22 PDT
Also a problem on Mac 10.4.10 with both released Safari and a recent nightly build (r25464)
Comment 3 Robert Blaut 2008-02-15 14:30:28 PST
According to standards the test case incorrect. It triggers quirks mode so some browsers emulate IE bugs. Test case uses also CSS Gecko only properties that of cause doesn't work in other browsers. Despite that Webkit and Opera renders your test case identically and correctly.  

I'll upload corrected test case without gecko-only property "-moz-box-sizing". The test case renders exactly the same in Webkit, Opera and Gecko.
Comment 4 Robert Blaut 2008-02-15 14:33:27 PST
Created attachment 19144 [details]
strict test case