Bug 16010 - Incorrect height layout when DIV has height 100% and padding/border existed.
Summary: Incorrect height layout when DIV has height 100% and padding/border existed.
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Robert Hogan
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2007-11-15 20:23 PST by James
Modified: 2013-07-01 10:50 PDT (History)
2 users (show)

See Also:

Attachments
Testcase (913 bytes, text/html)
2007-11-15 20:24 PST, James 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description James 2007-11-15 20:23:24 PST 
When a DIV with height = 100% and padding/border is specified, it will render incorrect height. 

Current result: The DIV has a gaps in the bottom.
Expected result: The DIV should fill the entire space because its height is 100%. 

Note: IE6+, FF, Opera are rendering correctly.

See the attachment for sample.
Comment 1 James 2007-11-15 20:24:25 PST 
Created attachment 17310 [details]
Testcase

Testcase
Comment 2 David Kilzer (:ddkilzer) 2007-11-15 22:40:48 PST 
Confirmed rendering difference with Firefox 2.0.0.9, Opera 9.22 and Firefox 3.0b2 (14-Nov-2007).

Tested with a local debug build of WebKit r27716 with Safari 3.0.4 (523.12) on Mac OS X 10.4.11 (8S165).
Comment 3 Pruthviraj S P 2009-06-25 02:36:56 PDT 
Hi

While anaysing the root cause for this bug, came to know that the padding height was deducted from the original height of the block and was resulting in the gap which was filled with the background color. As a work around I made changes to recalculate the height in renderbox.cpp. With these changes the test case is behaving as it is behaving in IE. Let me know whether my anaysis is right or wrong.

Thanks