Bug 15295

Summary: width: 100% in <div> tag causes part of the table element to be displayed outside the border
Product: WebKit Reporter: Anantha Keesara <anantha>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED INVALID    
Severity: Normal CC: gsherloc, mitz, webkit
Priority: P2    
Version: 523.x (Safari 3)   
Hardware: PC   
OS: Windows XP   
Attachments:
Description Flags
width: 100% in <div> tag causes part of the table element to be displayed outside the border
none
strict test case none

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