layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1239 LayoutView at (0,0) size 800x600 layer at (0,0) size 785x1239 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 LayoutBlockFlow {HTML} at (0,0) size 785x1238.69 LayoutBlockFlow {BODY} at (8,8) size 769x1222.69 [bgcolor=#FFFFFF] LayoutBlockFlow {H1} at (0,0) size 769x37 LayoutText {#text} at (0,0) size 352x36 text run at (0,0) width 352: "Safari 1.0 PRE width bug" LayoutBlockFlow (anonymous) at (0,58.44) size 769x80 LayoutText {#text} at (0,0) size 95x19 text run at (0,0) width 95: "As noted in my " LayoutInline {A} at (0,0) size 26x19 [color=#0000EE] LayoutText {#text} at (95,0) size 26x19 text run at (95,0) width 26: "blog" LayoutText {#text} at (121,0) size 762x79 text run at (121,0) width 8: ", " text run at (129,0) width 406: "in certain cases Safari will miscalculate the width of a PRE element. " text run at (535,0) width 194: "I think I've found the trigger. If a" text run at (0,20) width 245: "nested container element is preceded by " text run at (245,20) width 423: "uncontained text and a blank line, and there are \"too many\" characters " text run at (668,20) width 94: "contained in the" text run at (0,40) width 292: "nested element, the PRE width will be too wide. " text run at (292,40) width 416: "In the examples below, the nested element is a SPAN whose content " text run at (707,40) width 32: "is the" text run at (0,60) width 180: "days-of-week line, as follows:" LayoutBlockFlow {PRE} at (0,151.44) size 769x16 LayoutText {#text} at (0,0) size 376x16 text run at (0,0) width 376: " D M T W J F S" text run at (376,0) width 0: " " LayoutBlockFlow {H2} at (0,187.34) size 769x27 LayoutText {#text} at (0,0) size 108x26 text run at (0,0) width 108: "Example 1" LayoutTable {TABLE} at (0,234.25) size 769x181 LayoutTableSection {TBODY} at (0,0) size 769x181 LayoutTableRow {TR} at (0,2) size 769x177 LayoutTableCell {TD} at (2,2) size 177x177 [r=0 c=0 rs=1 cs=1] LayoutBlockFlow {PRE} at (1,1) size 175x175 [bgcolor=#CCCC99] [border: (1px solid #000000)] LayoutText {#text} at (7,8) size 97x32 text run at (7,8) width 97: " 2003" text run at (103,8) width 1: " " text run at (7,24) width 1: " " LayoutInline {SPAN} at (0,0) size 161x20 [border: (1px solid #000000) none (2px solid #000000) none] LayoutText {#text} at (7,39) size 161x17 text run at (7,39) width 161: " D M T W J F S" LayoutText {#text} at (167,39) size 161x129 text run at (167,39) width 1: " " text run at (7,56) width 1: " " text run at (7,72) width 121: " September" text run at (127,72) width 1: " " text run at (7,88) width 161: " 1 2 3 4 5 6" text run at (167,88) width 1: " " text run at (7,104) width 161: " 7 8 9 10 11 12 13" text run at (167,104) width 1: " " text run at (7,120) width 161: "14 15 16 17 18 19 20" text run at (167,120) width 1: " " text run at (7,136) width 161: "21 22 23 24 25 26 27" text run at (167,136) width 1: " " text run at (7,152) width 65: "28 29 30" LayoutTableCell {TD} at (181,2) size 586x22 [r=0 c=1 rs=1 cs=1] LayoutText {#text} at (1,1) size 459x19 text run at (1,1) width 326: "The blank line between '2003' and the nested element " text run at (327,1) width 133: "triggers the width bug." LayoutBlockFlow (anonymous) at (0,415.25) size 769x20 LayoutBR {BR} at (0,0) size 0x19 LayoutBlockFlow {H2} at (0,455.16) size 769x27 LayoutText {#text} at (0,0) size 108x26 text run at (0,0) width 108: "Example 2" LayoutTable {TABLE} at (0,502.06) size 769x181 LayoutTableSection {TBODY} at (0,0) size 769x181 LayoutTableRow {TR} at (0,2) size 769x177 LayoutTableCell {TD} at (2,2) size 177x177 [r=0 c=0 rs=1 cs=1] LayoutBlockFlow {PRE} at (1,1) size 175x175 [bgcolor=#CCCC99] [border: (1px solid #000000)] LayoutText {#text} at (7,8) size 97x32 text run at (7,8) width 97: " 2003" text run at (103,8) width 1: " " text run at (7,24) width 1: " " LayoutInline {SPAN} at (0,0) size 97x20 [border: (1px solid #000000) none (2px solid #000000) none] LayoutText {#text} at (7,39) size 97x17 text run at (7,39) width 97: " D M TWJFS" LayoutText {#text} at (103,39) size 161x129 text run at (103,39) width 1: " " text run at (7,56) width 1: " " text run at (7,72) width 121: " September" text run at (127,72) width 1: " " text run at (7,88) width 161: " 1 2 3 4 5 6" text run at (167,88) width 1: " " text run at (7,104) width 161: " 7 8 9 10 11 12 13" text run at (167,104) width 1: " " text run at (7,120) width 161: "14 15 16 17 18 19 20" text run at (167,120) width 1: " " text run at (7,136) width 161: "21 22 23 24 25 26 27" text run at (167,136) width 1: " " text run at (7,152) width 65: "28 29 30" LayoutTableCell {TD} at (181,2) size 586x78 [r=0 c=1 rs=1 cs=1] LayoutBlockFlow (anonymous) at (1,1) size 584x20 LayoutText {#text} at (0,0) size 459x19 text run at (0,0) width 326: "The blank line between '2003' and the nested element " text run at (326,0) width 133: "triggers the width bug." LayoutBlockFlow {P} at (1,37) size 584x40 LayoutText {#text} at (0,0) size 567x39 text run at (0,0) width 337: "Here, the excess whitespace is reduced by reducing the " text run at (337,0) width 230: "number of characters contained by the" text run at (0,20) width 93: "nested element." LayoutBlockFlow (anonymous) at (0,683.06) size 769x20 LayoutBR {BR} at (0,0) size 0x19 LayoutBlockFlow {H2} at (0,722.97) size 769x27 LayoutText {#text} at (0,0) size 108x26 text run at (0,0) width 108: "Example 3" LayoutTable {TABLE} at (0,769.88) size 769x165 LayoutTableSection {TBODY} at (0,0) size 769x165 LayoutTableRow {TR} at (0,2) size 769x161 LayoutTableCell {TD} at (2,2) size 177x161 [r=0 c=0 rs=1 cs=1] LayoutBlockFlow {PRE} at (1,1) size 175x159 [bgcolor=#CCCC99] [border: (1px solid #000000)] LayoutText {#text} at (7,8) size 97x16 text run at (7,8) width 97: " 2003" text run at (103,8) width 1: " " LayoutInline {SPAN} at (0,0) size 161x20 [border: (1px solid #000000) none (2px solid #000000) none] LayoutText {#text} at (7,23) size 161x17 text run at (7,23) width 161: " D M T W J F S" LayoutText {#text} at (167,23) size 161x129 text run at (167,23) width 1: " " text run at (7,40) width 1: " " text run at (7,56) width 121: " September" text run at (127,56) width 1: " " text run at (7,72) width 161: " 1 2 3 4 5 6" text run at (167,72) width 1: " " text run at (7,88) width 161: " 7 8 9 10 11 12 13" text run at (167,88) width 1: " " text run at (7,104) width 161: "14 15 16 17 18 19 20" text run at (167,104) width 1: " " text run at (7,120) width 161: "21 22 23 24 25 26 27" text run at (167,120) width 1: " " text run at (7,136) width 65: "28 29 30" LayoutTableCell {TD} at (181,2) size 586x42 [r=0 c=1 rs=1 cs=1] LayoutText {#text} at (1,1) size 542x39 text run at (1,1) width 326: "The blank line between '2003' and the nested element " text run at (327,1) width 216: "has been removed, so the bug is not" text run at (1,21) width 57: "triggered." LayoutBlockFlow (anonymous) at (0,934.88) size 769x20 LayoutBR {BR} at (0,0) size 0x19 LayoutBlockFlow {H2} at (0,974.78) size 769x27 LayoutText {#text} at (0,0) size 108x26 text run at (0,0) width 108: "Example 4" LayoutTable {TABLE} at (0,1021.69) size 769x181 LayoutTableSection {TBODY} at (0,0) size 769x181 LayoutTableRow {TR} at (0,2) size 769x177 LayoutTableCell {TD} at (2,2) size 177x177 [r=0 c=0 rs=1 cs=1] LayoutBlockFlow {PRE} at (1,1) size 175x175 [bgcolor=#CCCC99] [border: (1px solid #000000)] LayoutInline {SPAN} at (0,0) size 97x16 LayoutText {#text} at (7,8) size 97x16 text run at (7,8) width 97: " 2003" LayoutText {#text} at (103,8) size 97x32 text run at (103,8) width 1: " " text run at (7,24) width 1: " " LayoutInline {SPAN} at (0,0) size 161x20 [border: (1px solid #000000) none (2px solid #000000) none] LayoutText {#text} at (7,39) size 161x17 text run at (7,39) width 161: " D M T W J F S" LayoutText {#text} at (167,39) size 161x129 text run at (167,39) width 1: " " text run at (7,56) width 1: " " text run at (7,72) width 121: " September" text run at (127,72) width 1: " " text run at (7,88) width 161: " 1 2 3 4 5 6" text run at (167,88) width 1: " " text run at (7,104) width 161: " 7 8 9 10 11 12 13" text run at (167,104) width 1: " " text run at (7,120) width 161: "14 15 16 17 18 19 20" text run at (167,120) width 1: " " text run at (7,136) width 161: "21 22 23 24 25 26 27" text run at (167,136) width 1: " " text run at (7,152) width 65: "28 29 30" LayoutTableCell {TD} at (181,2) size 586x42 [r=0 c=1 rs=1 cs=1] LayoutText {#text} at (1,1) size 572x39 text run at (1,1) width 326: "The blank line between '2003' and the nested element " text run at (327,1) width 246: "no longer triggers the width bug, because" text run at (1,21) width 219: "now the '2003' is itself contained by " text run at (220,21) width 280: "a nested element (in this case, another SPAN)." LayoutBlockFlow (anonymous) at (0,1202.69) size 769x20 LayoutBR {BR} at (0,0) size 0x19