147848 - CSS width attribute is broken when paddings are used

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[Timofey Vorobyov]

Mozilla adds paddings to the resulting width of a block element, instead of
subtracting them from the width of its contents. See attachment for a small
testcase. Observed on Windows as well

Comment 1

[Timofey Vorobyov]

Attachment: A small testcase

The navy boxes in this testcase have the same width declared in css, but look
different

Comment 2

[Timofey Vorobyov]

Workaround (as shown in attachment #1 [details] [diff] [review]): apply margin attributes to all elements
contained in the block, instead of applying paddings to the block

Comment 3

[Timofey Vorobyov]

My previous comment refers to attachment #85430 [details]

Comment 4

[Boris 'pi' Piwinger]

*** Bug 147847 has been marked as a duplicate of this bug. ***

Comment 5

[Richard Brodie]

Mozilla's behaviour is correct here; subtracting the width is a known bug in 
earlier versions of IE. 

Searching the net for "box model hack" or "CSS Enhancements in Internet 
Explorer 6" will find you some references.

INVALID.

Comment 6

[Boris Zbarsky [:bzbarsky]]

see http://www.w3.org/TR/REC-CSS2/box.html#box-dimensions and 
http://www.w3.org/TR/REC-CSS2/visudet.html#the-width-property -- "width" is the 
content width and does not include padding.

We render this correctly, as does every browser except IE 5/5.5 on Windows...