Summary: | XHTML: CSS width of 100% on <input type="text"> tag renders wider than it should | ||
---|---|---|---|
Product: | WebKit | Reporter: | Michael C. Rael <rael> |
Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
Status: | RESOLVED WONTFIX | ||
Severity: | Major | CC: | mitz |
Priority: | P2 | ||
Version: | 420+ | ||
Hardware: | Mac (PowerPC) | ||
OS: | OS X 10.4 | ||
URL: | http://www.slvdweller.com |
Description
Michael C. Rael
2007-03-14 12:17:57 PDT
The bug appears on the nightly build dated 2007-03-14. You can see the same results in a much smaller XHTML file: http://www.slvdweller.com/uploads/input_test.xhtml Even with no external stylesheet: http://www.slvdweller.com/uploads/input_test2.xhtml This rendering is correct. In strict mode, WinIE7, Firefox and Safari nightlies all exclude border and padding on the textfield from the width. (In CSS terms, inputs use box-sizing: content-box in strict mode and box-sizing: border-box in quirks mode.) Safari nightlies now treat the border/padding within Aqua textfields as real CSS border/padding. You can add box-sizing: border-box if you want to preserve the old behavior. Similarly in Firefox you can use -moz-box-sizing. |