| layer at (0,0) size 785x1170 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x1170 |
| RenderBlock {HTML} at (0,0) size 785x1170 |
| RenderBody {BODY} at (8,8) size 769x1154 [bgcolor=#FFFFFF] |
| RenderBlock {H1} at (0,0) size 769x36 |
| RenderText {#text} at (0,0) size 351x36 |
| text run at (0,0) width 351: "Safari 1.0 PRE width bug" |
| RenderBlock (anonymous) at (0,57) size 769x69 |
| RenderText {#text} at (0,0) size 101x17 |
| text run at (0,0) width 101: "As noted in my " |
| RenderInline {A} at (0,0) size 28x17 [color=#0000EE] |
| RenderText {#text} at (101,0) size 28x17 |
| text run at (101,0) width 28: "blog" |
| RenderText {#text} at (129,0) size 763x68 |
| text run at (129,0) width 8: ", " |
| text run at (137,0) width 431: "in certain cases Safari will miscalculate the width of a PRE element. " |
| text run at (568,0) width 195: "I think I've found the trigger. If" |
| text run at (0,17) width 265: "a nested container element is preceded by " |
| text run at (265,17) width 441: "uncontained text and a blank line, and there are \"too many\" characters" |
| text run at (0,34) width 412: "contained in the nested element, the PRE width will be too wide. " |
| text run at (412,34) width 337: "In the examples below, the nested element is a SPAN" |
| text run at (0,51) width 95: "whose content " |
| text run at (95,51) width 226: "is the days-of-week line, as follows:" |
| RenderBlock {PRE} at (0,138) size 769x16 |
| RenderText {#text} at (0,0) size 376x15 |
| text run at (0,0) width 376: " <SPAN CLASS=dow> D M T W J F S</SPAN>" |
| text run at (376,0) width 0: " " |
| RenderBlock {H2} at (0,173) size 769x27 |
| RenderText {#text} at (0,0) size 109x26 |
| text run at (0,0) width 109: "Example 1" |
| RenderTable {TABLE} at (0,219) size 769x172 |
| RenderTableSection {TBODY} at (0,0) size 769x171 |
| RenderTableRow {TR} at (0,2) size 769x167 |
| RenderTableCell {TD} at (2,2) size 177x167 [r=0 c=0 rs=1 cs=1] |
| RenderBlock {PRE} at (1,1) size 175x165 [bgcolor=#CCCC99] [border: (1px solid #000000)] |
| RenderText {#text} at (8,8) size 96x30 |
| text run at (8,8) width 96: " 2003" |
| text run at (104,8) width 0: " " |
| text run at (8,23) width 0: " " |
| RenderInline {SPAN} at (0,0) size 160x19 [border: (1px solid #000000) none (2px solid #000000) none] |
| RenderText {#text} at (8,37) size 160x16 |
| text run at (8,37) width 160: " D M T W J F S" |
| RenderText {#text} at (168,37) size 160x121 |
| text run at (168,37) width 0: " " |
| text run at (8,53) width 0: " " |
| text run at (8,68) width 120: " September" |
| text run at (128,68) width 0: " " |
| text run at (8,83) width 160: " 1 2 3 4 5 6" |
| text run at (168,83) width 0: " " |
| text run at (8,98) width 160: " 7 8 9 10 11 12 13" |
| text run at (168,98) width 0: " " |
| text run at (8,113) width 160: "14 15 16 17 18 19 20" |
| text run at (168,113) width 0: " " |
| text run at (8,128) width 160: "21 22 23 24 25 26 27" |
| text run at (168,128) width 0: " " |
| text run at (8,143) width 64: "28 29 30" |
| RenderTableCell {TD} at (181,2) size 586x19 [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 483x17 |
| text run at (1,1) width 341: "The blank line between '2003' and the nested element " |
| text run at (342,1) width 142: "triggers the width bug." |
| RenderBlock (anonymous) at (0,390) size 769x18 |
| RenderBR {BR} at (0,0) size 0x17 |
| RenderBlock {H2} at (0,427) size 769x27 |
| RenderText {#text} at (0,0) size 109x26 |
| text run at (0,0) width 109: "Example 2" |
| RenderTable {TABLE} at (0,473) size 769x172 |
| RenderTableSection {TBODY} at (0,0) size 769x171 |
| RenderTableRow {TR} at (0,2) size 769x167 |
| RenderTableCell {TD} at (2,2) size 177x167 [r=0 c=0 rs=1 cs=1] |
| RenderBlock {PRE} at (1,1) size 175x165 [bgcolor=#CCCC99] [border: (1px solid #000000)] |
| RenderText {#text} at (8,8) size 96x30 |
| text run at (8,8) width 96: " 2003" |
| text run at (104,8) width 0: " " |
| text run at (8,23) width 0: " " |
| RenderInline {SPAN} at (0,0) size 96x19 [border: (1px solid #000000) none (2px solid #000000) none] |
| RenderText {#text} at (8,37) size 96x16 |
| text run at (8,37) width 96: " D M TWJFS" |
| RenderText {#text} at (104,37) size 160x121 |
| text run at (104,37) width 0: " " |
| text run at (8,53) width 0: " " |
| text run at (8,68) width 120: " September" |
| text run at (128,68) width 0: " " |
| text run at (8,83) width 160: " 1 2 3 4 5 6" |
| text run at (168,83) width 0: " " |
| text run at (8,98) width 160: " 7 8 9 10 11 12 13" |
| text run at (168,98) width 0: " " |
| text run at (8,113) width 160: "14 15 16 17 18 19 20" |
| text run at (168,113) width 0: " " |
| text run at (8,128) width 160: "21 22 23 24 25 26 27" |
| text run at (168,128) width 0: " " |
| text run at (8,143) width 64: "28 29 30" |
| RenderTableCell {TD} at (181,2) size 586x69 [r=0 c=1 rs=1 cs=1] |
| RenderBlock (anonymous) at (1,1) size 584x17 |
| RenderText {#text} at (0,0) size 483x17 |
| text run at (0,0) width 341: "The blank line between '2003' and the nested element " |
| text run at (341,0) width 142: "triggers the width bug." |
| RenderBlock {P} at (1,34) size 584x34 |
| RenderText {#text} at (0,0) size 568x34 |
| text run at (0,0) width 351: "Here, the excess whitespace is reduced by reducing the " |
| text run at (351,0) width 217: "number of characters contained by" |
| text run at (0,17) width 120: "the nested element." |
| RenderBlock (anonymous) at (0,644) size 769x18 |
| RenderBR {BR} at (0,0) size 0x17 |
| RenderBlock {H2} at (0,680) size 769x27 |
| RenderText {#text} at (0,0) size 109x26 |
| text run at (0,0) width 109: "Example 3" |
| RenderTable {TABLE} at (0,726) size 769x157 |
| RenderTableSection {TBODY} at (0,0) size 769x156 |
| RenderTableRow {TR} at (0,2) size 769x152 |
| RenderTableCell {TD} at (2,2) size 177x152 [r=0 c=0 rs=1 cs=1] |
| RenderBlock {PRE} at (1,1) size 175x150 [bgcolor=#CCCC99] [border: (1px solid #000000)] |
| RenderText {#text} at (8,8) size 96x15 |
| text run at (8,8) width 96: " 2003" |
| text run at (104,8) width 0: " " |
| RenderInline {SPAN} at (0,0) size 160x19 [border: (1px solid #000000) none (2px solid #000000) none] |
| RenderText {#text} at (8,22) size 160x16 |
| text run at (8,22) width 160: " D M T W J F S" |
| RenderText {#text} at (168,22) size 160x121 |
| text run at (168,22) width 0: " " |
| text run at (8,38) width 0: " " |
| text run at (8,53) width 120: " September" |
| text run at (128,53) width 0: " " |
| text run at (8,68) width 160: " 1 2 3 4 5 6" |
| text run at (168,68) width 0: " " |
| text run at (8,83) width 160: " 7 8 9 10 11 12 13" |
| text run at (168,83) width 0: " " |
| text run at (8,98) width 160: "14 15 16 17 18 19 20" |
| text run at (168,98) width 0: " " |
| text run at (8,113) width 160: "21 22 23 24 25 26 27" |
| text run at (168,113) width 0: " " |
| text run at (8,128) width 64: "28 29 30" |
| RenderTableCell {TD} at (181,2) size 586x36 [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 566x34 |
| text run at (1,1) width 341: "The blank line between '2003' and the nested element " |
| text run at (342,1) width 225: "has been removed, so the bug is not" |
| text run at (1,18) width 60: "triggered." |
| RenderBlock (anonymous) at (0,882) size 769x18 |
| RenderBR {BR} at (0,0) size 0x17 |
| RenderBlock {H2} at (0,919) size 769x27 |
| RenderText {#text} at (0,0) size 109x26 |
| text run at (0,0) width 109: "Example 4" |
| RenderTable {TABLE} at (0,965) size 769x172 |
| RenderTableSection {TBODY} at (0,0) size 769x171 |
| RenderTableRow {TR} at (0,2) size 769x167 |
| RenderTableCell {TD} at (2,2) size 177x167 [r=0 c=0 rs=1 cs=1] |
| RenderBlock {PRE} at (1,1) size 175x165 [bgcolor=#CCCC99] [border: (1px solid #000000)] |
| RenderInline {SPAN} at (0,0) size 96x15 |
| RenderText {#text} at (8,8) size 96x15 |
| text run at (8,8) width 96: " 2003" |
| RenderText {#text} at (104,8) size 96x30 |
| text run at (104,8) width 0: " " |
| text run at (8,23) width 0: " " |
| RenderInline {SPAN} at (0,0) size 160x19 [border: (1px solid #000000) none (2px solid #000000) none] |
| RenderText {#text} at (8,37) size 160x16 |
| text run at (8,37) width 160: " D M T W J F S" |
| RenderText {#text} at (168,37) size 160x121 |
| text run at (168,37) width 0: " " |
| text run at (8,53) width 0: " " |
| text run at (8,68) width 120: " September" |
| text run at (128,68) width 0: " " |
| text run at (8,83) width 160: " 1 2 3 4 5 6" |
| text run at (168,83) width 0: " " |
| text run at (8,98) width 160: " 7 8 9 10 11 12 13" |
| text run at (168,98) width 0: " " |
| text run at (8,113) width 160: "14 15 16 17 18 19 20" |
| text run at (168,113) width 0: " " |
| text run at (8,128) width 160: "21 22 23 24 25 26 27" |
| text run at (168,128) width 0: " " |
| text run at (8,143) width 64: "28 29 30" |
| RenderTableCell {TD} at (181,2) size 586x36 [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (1,1) size 576x34 |
| text run at (1,1) width 341: "The blank line between '2003' and the nested element " |
| text run at (342,1) width 206: "no longer triggers the width bug," |
| text run at (1,18) width 284: "because now the '2003' is itself contained by " |
| text run at (285,18) width 292: "a nested element (in this case, another SPAN)." |
| RenderBlock (anonymous) at (0,1136) size 769x18 |
| RenderBR {BR} at (0,0) size 0x17 |
