1 layer at (0,0) size 785x1183
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x1183
4 RenderBlock {HTML} at (0,0) size 785x1182.69
5 RenderBody {BODY} at (8,8) size 769x1166.69 [bgcolor=#FFFFFF]
6 RenderBlock {H1} at (0,0) size 769x37
7 RenderText {#text} at (0,0) size 350x36
8 text run at (0,0) width 350: "Safari 1.0 PRE width bug"
9 RenderBlock (anonymous) at (0,58.44) size 769x72
10 RenderText {#text} at (0,0) size 103x17
11 text run at (0,0) width 103: "As noted in my "
12 RenderInline {A} at (0,0) size 29x17 [color=#0000EE]
13 RenderText {#text} at (102,0) size 29x17
14 text run at (102,0) width 29: "blog"
15 RenderText {#text} at (130,0) size 765x71
16 text run at (130,0) width 9: ", "
17 text run at (138,0) width 442: "in certain cases Safari will miscalculate the width of a PRE element. "
18 text run at (579,0) width 186: "I think I've found the trigger."
19 text run at (0,18) width 286: "If a nested container element is preceded by "
20 text run at (285,18) width 449: "uncontained text and a blank line, and there are \"too many\" characters"
21 text run at (0,36) width 419: "contained in the nested element, the PRE width will be too wide. "
22 text run at (418,36) width 343: "In the examples below, the nested element is a SPAN"
23 text run at (0,54) width 96: "whose content "
24 text run at (95,54) width 233: "is the days-of-week line, as follows:"
25 RenderBlock {PRE} at (0,143.44) size 769x15
26 RenderText {#text} at (0,0) size 367x15
27 text run at (0,0) width 367: " <SPAN CLASS=dow> D M T W J F S</SPAN>"
28 text run at (366,0) width 1: " "
29 RenderBlock {H2} at (0,178.34) size 769x27
30 RenderText {#text} at (0,0) size 109x26
31 text run at (0,0) width 109: "Example 1"
32 RenderTable {TABLE} at (0,225.25) size 769x171
33 RenderTableSection {TBODY} at (0,0) size 769x171
34 RenderTableRow {TR} at (0,2) size 769x167
35 RenderTableCell {TD} at (2,2) size 174x167 [r=0 c=0 rs=1 cs=1]
36 RenderBlock {PRE} at (1,1) size 172x165 [bgcolor=#CCCC99] [border: (1px solid #000000)]
37 RenderText {#text} at (7,8) size 95x30
38 text run at (7,8) width 95: " 2003"
39 text run at (101,8) width 1: " "
40 text run at (7,23) width 1: " "
41 RenderInline {SPAN} at (0,0) size 157x19 [border: (1px solid #000000) none (2px solid #000000) none]
42 RenderText {#text} at (7,37) size 157x16
43 text run at (7,37) width 157: " D M T W J F S"
44 RenderText {#text} at (163,37) size 157x121
45 text run at (163,37) width 1: " "
46 text run at (7,53) width 1: " "
47 text run at (7,68) width 118: " September"
48 text run at (124,68) width 1: " "
49 text run at (7,83) width 157: " 1 2 3 4 5 6"
50 text run at (163,83) width 1: " "
51 text run at (7,98) width 157: " 7 8 9 10 11 12 13"
52 text run at (163,98) width 1: " "
53 text run at (7,113) width 157: "14 15 16 17 18 19 20"
54 text run at (163,113) width 1: " "
55 text run at (7,128) width 157: "21 22 23 24 25 26 27"
56 text run at (163,128) width 1: " "
57 text run at (7,143) width 63: "28 29 30"
58 RenderTableCell {TD} at (178,2) size 589x20 [r=0 c=1 rs=1 cs=1]
59 RenderText {#text} at (1,1) size 491x17
60 text run at (1,1) width 346: "The blank line between '2003' and the nested element "
61 text run at (346,1) width 146: "triggers the width bug."
62 RenderBlock (anonymous) at (0,396.25) size 769x18
63 RenderBR {BR} at (0,0) size 0x17
64 RenderBlock {H2} at (0,434.16) size 769x27
65 RenderText {#text} at (0,0) size 109x26
66 text run at (0,0) width 109: "Example 2"
67 RenderTable {TABLE} at (0,481.06) size 769x171
68 RenderTableSection {TBODY} at (0,0) size 769x171
69 RenderTableRow {TR} at (0,2) size 769x167
70 RenderTableCell {TD} at (2,2) size 174x167 [r=0 c=0 rs=1 cs=1]
71 RenderBlock {PRE} at (1,1) size 172x165 [bgcolor=#CCCC99] [border: (1px solid #000000)]
72 RenderText {#text} at (7,8) size 95x30
73 text run at (7,8) width 95: " 2003"
74 text run at (101,8) width 1: " "
75 text run at (7,23) width 1: " "
76 RenderInline {SPAN} at (0,0) size 95x19 [border: (1px solid #000000) none (2px solid #000000) none]
77 RenderText {#text} at (7,37) size 95x16
78 text run at (7,37) width 95: " D M TWJFS"
79 RenderText {#text} at (101,37) size 157x121
80 text run at (101,37) width 1: " "
81 text run at (7,53) width 1: " "
82 text run at (7,68) width 118: " September"
83 text run at (124,68) width 1: " "
84 text run at (7,83) width 157: " 1 2 3 4 5 6"
85 text run at (163,83) width 1: " "
86 text run at (7,98) width 157: " 7 8 9 10 11 12 13"
87 text run at (163,98) width 1: " "
88 text run at (7,113) width 157: "14 15 16 17 18 19 20"
89 text run at (163,113) width 1: " "
90 text run at (7,128) width 157: "21 22 23 24 25 26 27"
91 text run at (163,128) width 1: " "
92 text run at (7,143) width 63: "28 29 30"
93 RenderTableCell {TD} at (178,2) size 589x72 [r=0 c=1 rs=1 cs=1]
94 RenderBlock (anonymous) at (1,1) size 587x18
95 RenderText {#text} at (0,0) size 491x17
96 text run at (0,0) width 346: "The blank line between '2003' and the nested element "
97 text run at (345,0) width 146: "triggers the width bug."
98 RenderBlock {P} at (1,35) size 587x36
99 RenderText {#text} at (0,0) size 578x35
100 text run at (0,0) width 357: "Here, the excess whitespace is reduced by reducing the "
101 text run at (356,0) width 222: "number of characters contained by"
102 text run at (0,18) width 124: "the nested element."
103 RenderBlock (anonymous) at (0,652.06) size 769x18
104 RenderBR {BR} at (0,0) size 0x17
105 RenderBlock {H2} at (0,689.97) size 769x27
106 RenderText {#text} at (0,0) size 109x26
107 text run at (0,0) width 109: "Example 3"
108 RenderTable {TABLE} at (0,736.88) size 769x156
109 RenderTableSection {TBODY} at (0,0) size 769x156
110 RenderTableRow {TR} at (0,2) size 769x152
111 RenderTableCell {TD} at (2,2) size 174x152 [r=0 c=0 rs=1 cs=1]
112 RenderBlock {PRE} at (1,1) size 172x150 [bgcolor=#CCCC99] [border: (1px solid #000000)]
113 RenderText {#text} at (7,8) size 95x15
114 text run at (7,8) width 95: " 2003"
115 text run at (101,8) width 1: " "
116 RenderInline {SPAN} at (0,0) size 157x19 [border: (1px solid #000000) none (2px solid #000000) none]
117 RenderText {#text} at (7,22) size 157x16
118 text run at (7,22) width 157: " D M T W J F S"
119 RenderText {#text} at (163,22) size 157x121
120 text run at (163,22) width 1: " "
121 text run at (7,38) width 1: " "
122 text run at (7,53) width 118: " September"
123 text run at (124,53) width 1: " "
124 text run at (7,68) width 157: " 1 2 3 4 5 6"
125 text run at (163,68) width 1: " "
126 text run at (7,83) width 157: " 7 8 9 10 11 12 13"
127 text run at (163,83) width 1: " "
128 text run at (7,98) width 157: "14 15 16 17 18 19 20"
129 text run at (163,98) width 1: " "
130 text run at (7,113) width 157: "21 22 23 24 25 26 27"
131 text run at (163,113) width 1: " "
132 text run at (7,128) width 63: "28 29 30"
133 RenderTableCell {TD} at (178,2) size 589x38 [r=0 c=1 rs=1 cs=1]
134 RenderText {#text} at (1,1) size 575x35
135 text run at (1,1) width 346: "The blank line between '2003' and the nested element "
136 text run at (346,1) width 230: "has been removed, so the bug is not"
137 text run at (1,19) width 62: "triggered."
138 RenderBlock (anonymous) at (0,892.88) size 769x18
139 RenderBR {BR} at (0,0) size 0x17
140 RenderBlock {H2} at (0,930.78) size 769x27
141 RenderText {#text} at (0,0) size 109x26
142 text run at (0,0) width 109: "Example 4"
143 RenderTable {TABLE} at (0,977.69) size 769x171
144 RenderTableSection {TBODY} at (0,0) size 769x171
145 RenderTableRow {TR} at (0,2) size 769x167
146 RenderTableCell {TD} at (2,2) size 174x167 [r=0 c=0 rs=1 cs=1]
147 RenderBlock {PRE} at (1,1) size 172x165 [bgcolor=#CCCC99] [border: (1px solid #000000)]
148 RenderInline {SPAN} at (0,0) size 95x15
149 RenderText {#text} at (7,8) size 95x15
150 text run at (7,8) width 95: " 2003"
151 RenderText {#text} at (101,8) size 95x30
152 text run at (101,8) width 1: " "
153 text run at (7,23) width 1: " "
154 RenderInline {SPAN} at (0,0) size 157x19 [border: (1px solid #000000) none (2px solid #000000) none]
155 RenderText {#text} at (7,37) size 157x16
156 text run at (7,37) width 157: " D M T W J F S"
157 RenderText {#text} at (163,37) size 157x121
158 text run at (163,37) width 1: " "
159 text run at (7,53) width 1: " "
160 text run at (7,68) width 118: " September"
161 text run at (124,68) width 1: " "
162 text run at (7,83) width 157: " 1 2 3 4 5 6"
163 text run at (163,83) width 1: " "
164 text run at (7,98) width 157: " 7 8 9 10 11 12 13"
165 text run at (163,98) width 1: " "
166 text run at (7,113) width 157: "14 15 16 17 18 19 20"
167 text run at (163,113) width 1: " "
168 text run at (7,128) width 157: "21 22 23 24 25 26 27"
169 text run at (163,128) width 1: " "
170 text run at (7,143) width 63: "28 29 30"
171 RenderTableCell {TD} at (178,2) size 589x38 [r=0 c=1 rs=1 cs=1]
172 RenderText {#text} at (1,1) size 586x35
173 text run at (1,1) width 346: "The blank line between '2003' and the nested element "
174 text run at (346,1) width 211: "no longer triggers the width bug,"
175 text run at (1,19) width 289: "because now the '2003' is itself contained by "
176 text run at (289,19) width 298: "a nested element (in this case, another SPAN)."
177 RenderBlock (anonymous) at (0,1148.69) size 769x18
178 RenderBR {BR} at (0,0) size 0x17