Bug 14694 – padding left & right ignored when using percentage values.

• Status: RESOLVED
• Resolution: CONFIGURATION CHANGED
• Component: CSS

On the cited page, central column blueish (green tint on Mac) bands, not fitting properly.  Works using Firefox on the Mac, Linux and Windows.  Also works using IE on XP and I think Vista.  [Look at bands class in css file.]

Second instance, any article linked to main page, for example:

http://opensourcetoday.org/articles/HowTo/HowTo-coding-div-II.html

Text in main column hard on left edge, again ignores padding settings written into: #left-central-col in the css file.  Once again, so far, only seen in Safari on the Mac. [Testing limited to MacBook Pro and the Mac Mini, the latter does not use the Intel chip.]

To be clear, I am only, myself, testing on the Safari version 2.0.4 that is on the MacBook Pro.  The mini tests were run by an associate and I do not know what version.  In other words, I am not using the Webkit directly.

[David Kilzer (:ddkilzer)]

Confirmed with a local debug build of WebKit r24477 with Safari 3.0.2 (522.12) on Mac OS X 10.4.10 (8R218).

This is not a regression as Safari 2.0.4 (419.3) with original WebKit also displays this behavior on 10.4.10 (although the gap in ToT is smaller).

I am not sure, but I think the bug report is about the gaps between the blueish blocks and the red rules. Those result from rounding errors in percentage calculations. I think Safari 2 rounds the 0.5% specified by the page to 0, while the Safari 3 beta (and TOT) have much higher precision (see bug 5164). I looked at the page with Firefox 2 and the Firefox 3 alpha, and in both cases if you slowly resize the window you will see that there are window widths where there are either 1px gaps or a 1px overlap between the blue blocks or the black horizontal rules and the red vertical rules.

Regarding the comment on the round off error in the 2.0.x series of Safari, I had set the left border to 0.07% and it seemed to have no effect.  As a test I raised this value to a full 1.0% and just tested on the MacBook Pro I used previously and the result is positive.  I now see a border on the left side of the page.

Here is a pre-publication link: http://www.opensourcetoday.org/articles/HowTo/HowTo-coding-div-III.html

Note too this is using a test version of the style sheet, style-sheet-test3.css.  For details look in #left-central-test-col.  Thanks for the help.

[Brent Fulgham]

There doesn't seem to be any difference in rendering between Safari, Chrome, and Firefox on this site. The page may have changed, or differences in behavior have since been fixed.