OLD | NEW |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 6362 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 6362 |
2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
3 layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 |
4 LayoutBlockFlow {HTML} at (0,0) size 785x6362 | 4 LayoutBlockFlow {HTML} at (0,0) size 785x6362 |
5 LayoutBlockFlow {BODY} at (8,8) size 769x6346 [bgcolor=#CCCCCC] | 5 LayoutBlockFlow {BODY} at (8,8) size 769x6346 [bgcolor=#CCCCCC] |
6 LayoutBlockFlow {P} at (0,0) size 769x18 | 6 LayoutBlockFlow {P} at (0,0) size 769x18 |
7 LayoutText {#text} at (0,0) size 363x17 | 7 LayoutText {#text} at (0,0) size 363x17 |
8 text run at (0,0) width 363: "The style declarations which apply to th
e text below are:" | 8 text run at (0,0) width 363: "The style declarations which apply to th
e text below are:" |
9 LayoutBlockFlow {PRE} at (0,34) size 769x144 | 9 LayoutBlockFlow {PRE} at (0,34) size 769x144 |
10 LayoutText {#text} at (0,0) size 480x144 | 10 LayoutText {#text} at (0,0) size 480x144 |
(...skipping 160 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
171 text run at (17,53) width 52: "source)." | 171 text run at (17,53) width 52: "source)." |
172 LayoutBlockFlow (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [b
order: (1px solid #00FF00)] | 172 LayoutBlockFlow (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [b
order: (1px solid #00FF00)] |
173 LayoutText {#text} at (17,17) size 135x53 | 173 LayoutText {#text} at (17,17) size 135x53 |
174 text run at (17,17) width 135: "This is a left-floating" | 174 text run at (17,17) width 135: "This is a left-floating" |
175 text run at (17,35) width 135: "paragraph (second in" | 175 text run at (17,35) width 135: "paragraph (second in" |
176 text run at (17,53) width 52: "source)." | 176 text run at (17,53) width 52: "source)." |
177 LayoutText {#text} at (199,5) size 559x107 | 177 LayoutText {#text} at (199,5) size 559x107 |
178 text run at (199,5) width 180: "This is text within the DIV. " | 178 text run at (199,5) width 180: "This is text within the DIV. " |
179 text run at (378,5) width 186: "The floating elements within" | 179 text run at (378,5) width 186: "The floating elements within" |
180 text run at (199,23) width 357: "this DIV should not go beyond the top
side of this DIV," | 180 text run at (199,23) width 357: "this DIV should not go beyond the top
side of this DIV," |
181 text run at (199,41) width 344: "which means that the borders of the f
loating elements" | 181 text run at (199,41) width 343: "which means that the borders of the f
loating elements" |
182 text run at (199,59) width 356: "should not overlap the top or side bo
rders of the DIV in" | 182 text run at (199,59) width 356: "should not overlap the top or side bo
rders of the DIV in" |
183 text run at (199,77) width 62: "any way. " | 183 text run at (199,77) width 62: "any way. " |
184 text run at (260,77) width 272: "In addition, the top of the left-floa
ting box" | 184 text run at (260,77) width 272: "In addition, the top of the left-floa
ting box" |
185 text run at (5,95) width 373: "should not be higher than the top of th
e right-floating box." | 185 text run at (5,95) width 373: "should not be higher than the top of th
e right-floating box." |
186 LayoutBlockFlow {HR} at (365.28,1817) size 38.44x2 [border: (1px inset #EE
EEEE)] | 186 LayoutBlockFlow {HR} at (365.28,1817) size 38.44x2 [border: (1px inset #EE
EEEE)] |
187 LayoutBlockFlow {DIV} at (2,1827) size 765x64 [border: (5px solid #800080)
] | 187 LayoutBlockFlow {DIV} at (2,1827) size 765x64 [border: (5px solid #800080)
] |
188 LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #00
0000)] | 188 LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #00
0000)] |
189 LayoutImage (floating) {IMG} at (745,5) size 15x36 [border: (3px solid #
000000)] | 189 LayoutImage (floating) {IMG} at (745,5) size 15x36 [border: (3px solid #
000000)] |
190 LayoutText {#text} at (20,5) size 734x53 | 190 LayoutText {#text} at (20,5) size 734x53 |
191 text run at (20,5) width 180: "This is text within the DIV. " | 191 text run at (20,5) width 180: "This is text within the DIV. " |
(...skipping 16 matching lines...) Expand all Loading... |
208 text run at (199,23) width 487: "higher than the line-box containing t
he inline content which precedes them. " | 208 text run at (199,23) width 487: "higher than the line-box containing t
he inline content which precedes them. " |
209 text run at (685,23) width 13: "* " | 209 text run at (685,23) width 13: "* " |
210 LayoutBlockFlow (floating) {P} at (566,41) size 194x88 [bgcolor=#C0C0C0]
[border: (1px solid #00FF00)] | 210 LayoutBlockFlow (floating) {P} at (566,41) size 194x88 [bgcolor=#C0C0C0]
[border: (1px solid #00FF00)] |
211 LayoutText {#text} at (17,17) size 144x53 | 211 LayoutText {#text} at (17,17) size 144x53 |
212 text run at (17,17) width 144: "This is a right-floating" | 212 text run at (17,17) width 144: "This is a right-floating" |
213 text run at (17,35) width 135: "paragraph (second in" | 213 text run at (17,35) width 135: "paragraph (second in" |
214 text run at (17,53) width 52: "source)." | 214 text run at (17,53) width 52: "source)." |
215 LayoutText {#text} at (697,23) size 722x107 | 215 LayoutText {#text} at (697,23) size 722x107 |
216 text run at (697,23) width 30: "This" | 216 text run at (697,23) width 30: "This" |
217 text run at (199,41) width 352: "means that the top side of each float
can be, at most, as" | 217 text run at (199,41) width 352: "means that the top side of each float
can be, at most, as" |
218 text run at (199,59) width 360: "high as the top edge of the inline el
ement containing the" | 218 text run at (199,59) width 359: "high as the top edge of the inline el
ement containing the" |
219 text run at (199,77) width 337: "content just before the floating elem
ents occur in the" | 219 text run at (199,77) width 337: "content just before the floating elem
ents occur in the" |
220 text run at (5,95) width 50: "source. " | 220 text run at (5,95) width 50: "source. " |
221 text run at (54,95) width 495: "In order to mark these points clearly,
an asterisk has been inserted just before" | 221 text run at (54,95) width 495: "In order to mark these points clearly,
an asterisk has been inserted just before" |
222 text run at (5,113) width 137: "each floated element." | 222 text run at (5,113) width 137: "each floated element." |
223 LayoutBlockFlow {HR} at (365.28,2085) size 38.44x2 [border: (1px inset #EE
EEEE)] | 223 LayoutBlockFlow {HR} at (365.28,2085) size 38.44x2 [border: (1px inset #EE
EEEE)] |
224 LayoutBlockFlow {DIV} at (2,2095) size 765x82 [border: (5px solid #800080)
] | 224 LayoutBlockFlow {DIV} at (2,2095) size 765x82 [border: (5px solid #800080)
] |
225 LayoutText {#text} at (20,5) size 188x17 | 225 LayoutText {#text} at (20,5) size 188x17 |
226 text run at (20,5) width 180: "This is text within the DIV. " | 226 text run at (20,5) width 180: "This is text within the DIV. " |
227 text run at (199,5) width 9: "*" | 227 text run at (199,5) width 9: "*" |
228 LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #00
0000)] | 228 LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #00
0000)] |
(...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
290 LayoutBlockFlow {DIV} at (2,2507) size 765x118 [border: (5px solid #800080
)] | 290 LayoutBlockFlow {DIV} at (2,2507) size 765x118 [border: (5px solid #800080
)] |
291 LayoutText {#text} at (20,5) size 188x17 | 291 LayoutText {#text} at (20,5) size 188x17 |
292 text run at (20,5) width 180: "This is text within the DIV. " | 292 text run at (20,5) width 180: "This is text within the DIV. " |
293 text run at (199,5) width 9: "*" | 293 text run at (199,5) width 9: "*" |
294 LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #00
0000)] | 294 LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #00
0000)] |
295 LayoutText {#text} at (207,5) size 685x35 | 295 LayoutText {#text} at (207,5) size 685x35 |
296 text run at (207,5) width 513: " The floating images within this DIV s
hould not go any higher than the line-box" | 296 text run at (207,5) width 513: " The floating images within this DIV s
hould not go any higher than the line-box" |
297 text run at (35,23) width 330: "containing the inline content which pr
ecedes them. " | 297 text run at (35,23) width 330: "containing the inline content which pr
ecedes them. " |
298 text run at (364,23) width 13: "* " | 298 text run at (364,23) width 13: "* " |
299 LayoutImage (floating) {IMG} at (745,23) size 15x36 [border: (3px solid
#000000)] | 299 LayoutImage (floating) {IMG} at (745,23) size 15x36 [border: (3px solid
#000000)] |
300 LayoutText {#text} at (376,23) size 326x17 | 300 LayoutText {#text} at (376,23) size 325x17 |
301 text run at (376,23) width 318: "This means that the top side of each
float can be, " | 301 text run at (376,23) width 317: "This means that the top side of each
float can be, " |
302 text run at (693,23) width 9: "*" | 302 text run at (693,23) width 8: "*" |
303 LayoutImage (floating) {IMG} at (20,23) size 15x36 [border: (3px solid #
000000)] | 303 LayoutImage (floating) {IMG} at (20,23) size 15x36 [border: (3px solid #
000000)] |
304 LayoutText {#text} at (701,23) size 720x53 | 304 LayoutText {#text} at (701,23) size 720x53 |
305 text run at (701,23) width 16: " at" | 305 text run at (701,23) width 16: " at" |
306 text run at (35,41) width 705: "most, as high as the top edge of the i
nline element containing the content just before the floating images occur" | 306 text run at (35,41) width 705: "most, as high as the top edge of the i
nline element containing the content just before the floating images occur" |
307 text run at (20,59) width 90: "in the source. " | 307 text run at (20,59) width 90: "in the source. " |
308 text run at (109,59) width 9: "*" | 308 text run at (109,59) width 9: "*" |
309 LayoutImage (floating) {IMG} at (5,59) size 15x36 [border: (3px solid #0
00000)] | 309 LayoutImage (floating) {IMG} at (5,59) size 15x36 [border: (3px solid #0
00000)] |
310 LayoutText {#text} at (117,59) size 755x53 | 310 LayoutText {#text} at (117,59) size 755x53 |
311 text run at (117,59) width 632: " In order to mark these points clearl
y, an asterisk has been inserted just before each floated image. " | 311 text run at (117,59) width 632: " In order to mark these points clearl
y, an asterisk has been inserted just before each floated image. " |
312 text run at (748,59) width 12: "If" | 312 text run at (748,59) width 12: "If" |
(...skipping 329 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
642 LayoutBlockFlow {DIV} at (6,2287) size 743x118 [border: (5px solid
#800080)] | 642 LayoutBlockFlow {DIV} at (6,2287) size 743x118 [border: (5px solid
#800080)] |
643 LayoutText {#text} at (20,5) size 188x17 | 643 LayoutText {#text} at (20,5) size 188x17 |
644 text run at (20,5) width 180: "This is text within the DIV. " | 644 text run at (20,5) width 180: "This is text within the DIV. " |
645 text run at (199,5) width 9: "*" | 645 text run at (199,5) width 9: "*" |
646 LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px s
olid #000000)] | 646 LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px s
olid #000000)] |
647 LayoutText {#text} at (207,5) size 685x35 | 647 LayoutText {#text} at (207,5) size 685x35 |
648 text run at (207,5) width 513: " The floating images within th
is DIV should not go any higher than the line-box" | 648 text run at (207,5) width 513: " The floating images within th
is DIV should not go any higher than the line-box" |
649 text run at (35,23) width 330: "containing the inline content
which precedes them. " | 649 text run at (35,23) width 330: "containing the inline content
which precedes them. " |
650 text run at (364,23) width 13: "* " | 650 text run at (364,23) width 13: "* " |
651 LayoutImage (floating) {IMG} at (723,23) size 15x36 [border: (3p
x solid #000000)] | 651 LayoutImage (floating) {IMG} at (723,23) size 15x36 [border: (3p
x solid #000000)] |
652 LayoutText {#text} at (376,23) size 326x17 | 652 LayoutText {#text} at (376,23) size 325x17 |
653 text run at (376,23) width 318: "This means that the top side
of each float can be, " | 653 text run at (376,23) width 317: "This means that the top side
of each float can be, " |
654 text run at (693,23) width 9: "*" | 654 text run at (693,23) width 8: "*" |
655 LayoutImage (floating) {IMG} at (20,23) size 15x36 [border: (3px
solid #000000)] | 655 LayoutImage (floating) {IMG} at (20,23) size 15x36 [border: (3px
solid #000000)] |
656 LayoutText {#text} at (701,23) size 697x53 | 656 LayoutText {#text} at (701,23) size 697x53 |
657 text run at (701,23) width 16: " at" | 657 text run at (701,23) width 16: " at" |
658 text run at (35,41) width 666: "most, as high as the top edge
of the inline element containing the content just before the floating images" | 658 text run at (35,41) width 666: "most, as high as the top edge
of the inline element containing the content just before the floating images" |
659 text run at (20,59) width 130: "occur in the source. " | 659 text run at (20,59) width 130: "occur in the source. " |
660 text run at (149,59) width 9: "*" | 660 text run at (149,59) width 9: "*" |
661 LayoutImage (floating) {IMG} at (5,59) size 15x36 [border: (3px
solid #000000)] | 661 LayoutImage (floating) {IMG} at (5,59) size 15x36 [border: (3px
solid #000000)] |
662 LayoutText {#text} at (157,59) size 733x53 | 662 LayoutText {#text} at (157,59) size 733x53 |
663 text run at (157,59) width 581: " In order to mark these point
s clearly, an asterisk has been inserted just before each floated" | 663 text run at (157,59) width 581: " In order to mark these point
s clearly, an asterisk has been inserted just before each floated" |
664 text run at (20,77) width 48: "image. " | 664 text run at (20,77) width 48: "image. " |
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
715 text run at (5,77) width 475: "corner of the DIV, and the purp
le border of the DIV should abut the green" | 715 text run at (5,77) width 475: "corner of the DIV, and the purp
le border of the DIV should abut the green" |
716 text run at (5,95) width 449: "border of the floating image. T
he text of the DIV element should flow" | 716 text run at (5,95) width 449: "border of the floating image. T
he text of the DIV element should flow" |
717 text run at (5,113) width 452: "between and under the two floa
ting image. The two asterisk characters" | 717 text run at (5,113) width 452: "between and under the two floa
ting image. The two asterisk characters" |
718 text run at (5,131) width 306: "mark the insertion points of t
he floating image. " | 718 text run at (5,131) width 306: "mark the insertion points of t
he floating image. " |
719 text run at (310,131) width 158: "It is expected that, under" | 719 text run at (310,131) width 158: "It is expected that, under" |
720 text run at (5,149) width 467: "future specifications, it may
be acceptable for the top of floated elements" | 720 text run at (5,149) width 467: "future specifications, it may
be acceptable for the top of floated elements" |
721 text run at (5,167) width 455: "to align with the top of the l
ine-box following the insertion point of the" | 721 text run at (5,167) width 455: "to align with the top of the l
ine-box following the insertion point of the" |
722 text run at (5,185) width 453: "floated element to avoid float
ing elements appearing before text which" | 722 text run at (5,185) width 453: "floated element to avoid float
ing elements appearing before text which" |
723 text run at (5,203) width 226: "precedes it in the source docu
ment." | 723 text run at (5,203) width 226: "precedes it in the source docu
ment." |
724 LayoutBlockFlow {HR} at (28,3021) size 560.25x2 [border: (1px inse
t #EEEEEE)] | 724 LayoutBlockFlow {HR} at (28,3021) size 560.25x2 [border: (1px inse
t #EEEEEE)] |
OLD | NEW |