| OLD | NEW |
| 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 6353 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 6353 |
| 2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
| 3 layer at (0,0) size 785x6353 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x6353 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 785x6353 | 4 LayoutBlockFlow {HTML} at (0,0) size 785x6353 |
| 5 LayoutBlockFlow {BODY} at (8,8) size 769x6337 [bgcolor=#CCCCCC] | 5 LayoutBlockFlow {BODY} at (8,8) size 769x6337 [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 363x18 | 7 LayoutText {#text} at (0,0) size 363x18 |
| 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 769x135 | 9 LayoutBlockFlow {PRE} at (0,34) size 769x135 |
| 10 LayoutText {#text} at (0,0) size 469x135 | 10 LayoutText {#text} at (0,0) size 469x135 |
| (...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 135x54 | 173 LayoutText {#text} at (17,17) size 135x54 |
| 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 559x108 | 177 LayoutText {#text} at (199,5) size 559x108 |
| 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,1808) size 38.44x2 [border: (1px inset #EE
EEEE)] | 186 LayoutBlockFlow {HR} at (365.28,1808) size 38.44x2 [border: (1px inset #EE
EEEE)] |
| 187 LayoutBlockFlow {DIV} at (2,1818) size 765x64 [border: (5px solid #800080)
] | 187 LayoutBlockFlow {DIV} at (2,1818) 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 734x54 | 190 LayoutText {#text} at (20,5) size 734x54 |
| 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 144x54 | 211 LayoutText {#text} at (17,17) size 144x54 |
| 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 722x108 | 215 LayoutText {#text} at (697,23) size 722x108 |
| 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,2076) size 38.44x2 [border: (1px inset #EE
EEEE)] | 223 LayoutBlockFlow {HR} at (365.28,2076) size 38.44x2 [border: (1px inset #EE
EEEE)] |
| 224 LayoutBlockFlow {DIV} at (2,2086) size 765x82 [border: (5px solid #800080)
] | 224 LayoutBlockFlow {DIV} at (2,2086) size 765x82 [border: (5px solid #800080)
] |
| 225 LayoutText {#text} at (20,5) size 188x18 | 225 LayoutText {#text} at (20,5) size 188x18 |
| 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,2498) size 765x118 [border: (5px solid #800080
)] | 290 LayoutBlockFlow {DIV} at (2,2498) size 765x118 [border: (5px solid #800080
)] |
| 291 LayoutText {#text} at (20,5) size 188x18 | 291 LayoutText {#text} at (20,5) size 188x18 |
| 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 685x36 | 295 LayoutText {#text} at (207,5) size 685x36 |
| 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 326x18 | 300 LayoutText {#text} at (376,23) size 325x18 |
| 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 720x54 | 304 LayoutText {#text} at (701,23) size 720x54 |
| 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 755x54 | 310 LayoutText {#text} at (117,59) size 755x54 |
| 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 188x18 | 643 LayoutText {#text} at (20,5) size 188x18 |
| 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 685x36 | 647 LayoutText {#text} at (207,5) size 685x36 |
| 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 326x18 | 652 LayoutText {#text} at (376,23) size 325x18 |
| 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 697x54 | 656 LayoutText {#text} at (701,23) size 697x54 |
| 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 733x54 | 662 LayoutText {#text} at (157,59) size 733x54 |
| 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 |