1 layer at (0,0) size 785x1239
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x1239
4 RenderBlock {HTML} at (0,0) size 785x1238.69
5 RenderBody {BODY} at (8,8) size 769x1222.69 [bgcolor=#FFFFFF]
6 RenderBlock {H1} at (0,0) size 769x37
7 RenderText {#text} at (0,0) size 352x36
8 text run at (0,0) width 352: "Safari 1.0 PRE width bug"
9 RenderBlock (anonymous) at (0,58.44) size 769x80
10 RenderText {#text} at (0,0) size 95x19
11 text run at (0,0) width 95: "As noted in my "
12 RenderInline {A} at (0,0) size 26x19 [color=#0000EE]
13 RenderText {#text} at (95,0) size 26x19
14 text run at (95,0) width 26: "blog"
15 RenderText {#text} at (121,0) size 762x79
16 text run at (121,0) width 8: ", "
17 text run at (129,0) width 406: "in certain cases Safari will miscalculate the width of a PRE element. "
18 text run at (535,0) width 194: "I think I've found the trigger. If a"
19 text run at (0,20) width 245: "nested container element is preceded by "
20 text run at (245,20) width 423: "uncontained text and a blank line, and there are \"too many\" characters "
21 text run at (668,20) width 94: "contained in the"
22 text run at (0,40) width 292: "nested element, the PRE width will be too wide. "
23 text run at (292,40) width 418: "In the examples below, the nested element is a SPAN whose content "
24 text run at (710,40) width 31: "is the"
25 text run at (0,60) width 180: "days-of-week line, as follows:"
26 RenderBlock {PRE} at (0,151.44) size 769x16
27 RenderText {#text} at (0,0) size 376x16
28 text run at (0,0) width 376: " <SPAN CLASS=dow> D M T W J F S</SPAN>"
29 text run at (376,0) width 0: " "
30 RenderBlock {H2} at (0,187.34) size 769x27
31 RenderText {#text} at (0,0) size 108x26
32 text run at (0,0) width 108: "Example 1"
33 RenderTable {TABLE} at (0,234.25) size 769x181
34 RenderTableSection {TBODY} at (0,0) size 769x181
35 RenderTableRow {TR} at (0,2) size 769x177
36 RenderTableCell {TD} at (2,2) size 177x177 [r=0 c=0 rs=1 cs=1]
37 RenderBlock {PRE} at (1,1) size 175x175 [bgcolor=#CCCC99] [border: (1px solid #000000)]
38 RenderText {#text} at (8,8) size 96x32
39 text run at (8,8) width 96: " 2003"
40 text run at (104,8) width 0: " "
41 text run at (8,24) width 0: " "
42 RenderInline {SPAN} at (0,0) size 160x20 [border: (1px solid #000000) none (2px solid #000000) none]
43 RenderText {#text} at (8,39) size 160x17
44 text run at (8,39) width 160: " D M T W J F S"
45 RenderText {#text} at (168,39) size 160x129
46 text run at (168,39) width 0: " "
47 text run at (8,56) width 0: " "
48 text run at (8,72) width 120: " September"
49 text run at (128,72) width 0: " "
50 text run at (8,88) width 160: " 1 2 3 4 5 6"
51 text run at (168,88) width 0: " "
52 text run at (8,104) width 160: " 7 8 9 10 11 12 13"
53 text run at (168,104) width 0: " "
54 text run at (8,120) width 160: "14 15 16 17 18 19 20"
55 text run at (168,120) width 0: " "
56 text run at (8,136) width 160: "21 22 23 24 25 26 27"
57 text run at (168,136) width 0: " "
58 text run at (8,152) width 64: "28 29 30"
59 RenderTableCell {TD} at (181,2) size 586x22 [r=0 c=1 rs=1 cs=1]
60 RenderText {#text} at (1,1) size 459x19
61 text run at (1,1) width 326: "The blank line between '2003' and the nested element "
62 text run at (327,1) width 133: "triggers the width bug."
63 RenderBlock (anonymous) at (0,415.25) size 769x20
64 RenderBR {BR} at (0,0) size 0x19
65 RenderBlock {H2} at (0,455.16) size 769x27
66 RenderText {#text} at (0,0) size 108x26
67 text run at (0,0) width 108: "Example 2"
68 RenderTable {TABLE} at (0,502.06) size 769x181
69 RenderTableSection {TBODY} at (0,0) size 769x181
70 RenderTableRow {TR} at (0,2) size 769x177
71 RenderTableCell {TD} at (2,2) size 177x177 [r=0 c=0 rs=1 cs=1]
72 RenderBlock {PRE} at (1,1) size 175x175 [bgcolor=#CCCC99] [border: (1px solid #000000)]
73 RenderText {#text} at (8,8) size 96x32
74 text run at (8,8) width 96: " 2003"
75 text run at (104,8) width 0: " "
76 text run at (8,24) width 0: " "
77 RenderInline {SPAN} at (0,0) size 96x20 [border: (1px solid #000000) none (2px solid #000000) none]
78 RenderText {#text} at (8,39) size 96x17
79 text run at (8,39) width 96: " D M TWJFS"
80 RenderText {#text} at (104,39) size 160x129
81 text run at (104,39) width 0: " "
82 text run at (8,56) width 0: " "
83 text run at (8,72) width 120: " September"
84 text run at (128,72) width 0: " "
85 text run at (8,88) width 160: " 1 2 3 4 5 6"
86 text run at (168,88) width 0: " "
87 text run at (8,104) width 160: " 7 8 9 10 11 12 13"
88 text run at (168,104) width 0: " "
89 text run at (8,120) width 160: "14 15 16 17 18 19 20"
90 text run at (168,120) width 0: " "
91 text run at (8,136) width 160: "21 22 23 24 25 26 27"
92 text run at (168,136) width 0: " "
93 text run at (8,152) width 64: "28 29 30"
94 RenderTableCell {TD} at (181,2) size 586x78 [r=0 c=1 rs=1 cs=1]
95 RenderBlock (anonymous) at (1,1) size 584x20
96 RenderText {#text} at (0,0) size 459x19
97 text run at (0,0) width 326: "The blank line between '2003' and the nested element "
98 text run at (326,0) width 133: "triggers the width bug."
99 RenderBlock {P} at (1,37) size 584x40
100 RenderText {#text} at (0,0) size 567x39
101 text run at (0,0) width 337: "Here, the excess whitespace is reduced by reducing the "
102 text run at (337,0) width 230: "number of characters contained by the"
103 text run at (0,20) width 93: "nested element."
104 RenderBlock (anonymous) at (0,683.06) size 769x20
105 RenderBR {BR} at (0,0) size 0x19
106 RenderBlock {H2} at (0,722.97) size 769x27
107 RenderText {#text} at (0,0) size 108x26
108 text run at (0,0) width 108: "Example 3"
109 RenderTable {TABLE} at (0,769.88) size 769x165
110 RenderTableSection {TBODY} at (0,0) size 769x165
111 RenderTableRow {TR} at (0,2) size 769x161
112 RenderTableCell {TD} at (2,2) size 177x161 [r=0 c=0 rs=1 cs=1]
113 RenderBlock {PRE} at (1,1) size 175x159 [bgcolor=#CCCC99] [border: (1px solid #000000)]
114 RenderText {#text} at (8,8) size 96x16
115 text run at (8,8) width 96: " 2003"
116 text run at (104,8) width 0: " "
117 RenderInline {SPAN} at (0,0) size 160x20 [border: (1px solid #000000) none (2px solid #000000) none]
118 RenderText {#text} at (8,23) size 160x17
119 text run at (8,23) width 160: " D M T W J F S"
120 RenderText {#text} at (168,23) size 160x129
121 text run at (168,23) width 0: " "
122 text run at (8,40) width 0: " "
123 text run at (8,56) width 120: " September"
124 text run at (128,56) width 0: " "
125 text run at (8,72) width 160: " 1 2 3 4 5 6"
126 text run at (168,72) width 0: " "
127 text run at (8,88) width 160: " 7 8 9 10 11 12 13"
128 text run at (168,88) width 0: " "
129 text run at (8,104) width 160: "14 15 16 17 18 19 20"
130 text run at (168,104) width 0: " "
131 text run at (8,120) width 160: "21 22 23 24 25 26 27"
132 text run at (168,120) width 0: " "
133 text run at (8,136) width 64: "28 29 30"
134 RenderTableCell {TD} at (181,2) size 586x42 [r=0 c=1 rs=1 cs=1]
135 RenderText {#text} at (1,1) size 542x39
136 text run at (1,1) width 326: "The blank line between '2003' and the nested element "
137 text run at (327,1) width 216: "has been removed, so the bug is not"
138 text run at (1,21) width 57: "triggered."
139 RenderBlock (anonymous) at (0,934.88) size 769x20
140 RenderBR {BR} at (0,0) size 0x19
141 RenderBlock {H2} at (0,974.78) size 769x27
142 RenderText {#text} at (0,0) size 108x26
143 text run at (0,0) width 108: "Example 4"
144 RenderTable {TABLE} at (0,1021.69) size 769x181
145 RenderTableSection {TBODY} at (0,0) size 769x181
146 RenderTableRow {TR} at (0,2) size 769x177
147 RenderTableCell {TD} at (2,2) size 177x177 [r=0 c=0 rs=1 cs=1]
148 RenderBlock {PRE} at (1,1) size 175x175 [bgcolor=#CCCC99] [border: (1px solid #000000)]
149 RenderInline {SPAN} at (0,0) size 96x16
150 RenderText {#text} at (8,8) size 96x16
151 text run at (8,8) width 96: " 2003"
152 RenderText {#text} at (104,8) size 96x32
153 text run at (104,8) width 0: " "
154 text run at (8,24) width 0: " "
155 RenderInline {SPAN} at (0,0) size 160x20 [border: (1px solid #000000) none (2px solid #000000) none]
156 RenderText {#text} at (8,39) size 160x17
157 text run at (8,39) width 160: " D M T W J F S"
158 RenderText {#text} at (168,39) size 160x129
159 text run at (168,39) width 0: " "
160 text run at (8,56) width 0: " "
161 text run at (8,72) width 120: " September"
162 text run at (128,72) width 0: " "
163 text run at (8,88) width 160: " 1 2 3 4 5 6"
164 text run at (168,88) width 0: " "
165 text run at (8,104) width 160: " 7 8 9 10 11 12 13"
166 text run at (168,104) width 0: " "
167 text run at (8,120) width 160: "14 15 16 17 18 19 20"
168 text run at (168,120) width 0: " "
169 text run at (8,136) width 160: "21 22 23 24 25 26 27"
170 text run at (168,136) width 0: " "
171 text run at (8,152) width 64: "28 29 30"
172 RenderTableCell {TD} at (181,2) size 586x42 [r=0 c=1 rs=1 cs=1]
173 RenderText {#text} at (1,1) size 572x39
174 text run at (1,1) width 326: "The blank line between '2003' and the nested element "
175 text run at (327,1) width 246: "no longer triggers the width bug, because"
176 text run at (1,21) width 219: "now the '2003' is itself contained by "
177 text run at (220,21) width 281: "a nested element (in this case, another SPAN)."
178 RenderBlock (anonymous) at (0,1202.69) size 769x20
179 RenderBR {BR} at (0,0) size 0x19