| OLD | NEW |
| 1 layer at (0,0) size 785x6281 | 1 layer at (0,0) size 785x6281 |
| 2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
| 3 layer at (0,0) size 785x6281 | 3 layer at (0,0) size 785x6281 |
| 4 RenderBlock {HTML} at (0,0) size 785x6281 | 4 RenderBlock {HTML} at (0,0) size 785x6281 |
| 5 RenderBody {BODY} at (8,8) size 769x6265 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 769x6265 [bgcolor=#CCCCCC] |
| 6 RenderBlock {P} at (0,0) size 769x18 | 6 RenderBlock {P} at (0,0) size 769x18 |
| 7 RenderText {#text} at (0,0) size 355x18 | 7 RenderText {#text} at (0,0) size 355x18 |
| 8 text run at (0,0) width 355: "The style declarations which apply to th
e text below are:" | 8 text run at (0,0) width 355: "The style declarations which apply to th
e text below are:" |
| 9 RenderBlock {PRE} at (0,34) size 769x135 | 9 RenderBlock {PRE} at (0,34) size 769x135 |
| 10 RenderText {#text} at (0,0) size 480x135 | 10 RenderText {#text} at (0,0) size 480x135 |
| 11 text run at (0,0) width 272: "HR.minor {clear: both; width: 5%;}" | 11 text run at (0,0) width 272: "HR.minor {clear: both; width: 5%;}" |
| 12 text run at (272,0) width 0: " " | 12 text run at (272,0) width 0: " " |
| 13 text run at (0,15) width 400: "HR.major {clear: both; width: 75%; marg
in: 1.5em;}" | 13 text run at (0,15) width 400: "HR.major {clear: both; width: 75%; marg
in: 1.5em;}" |
| 14 text run at (400,15) width 0: " " | 14 text run at (400,15) width 0: " " |
| 15 text run at (0,30) width 480: "DIV {border: 5px solid purple; padding:
0; margin: 0.125em;}" | 15 text run at (0,30) width 480: "DIV {border: 5px solid purple; padding:
0; margin: 0.125em;}" |
| 16 text run at (480,30) width 0: " " | 16 text run at (480,30) width 0: " " |
| 17 text run at (0,45) width 432: "P.left, P.right {width: 10em; padding:
1em; margin: 0;" | 17 text run at (0,45) width 432: "P.left, P.right {width: 10em; padding:
1em; margin: 0;" |
| 18 text run at (432,45) width 0: " " | 18 text run at (432,45) width 0: " " |
| 19 text run at (0,60) width 424: " border: 1px solid lime; background-c
olor: silver;}" | 19 text run at (0,60) width 424: " border: 1px solid lime; background-c
olor: silver;}" |
| 20 text run at (424,60) width 0: " " | 20 text run at (424,60) width 0: " " |
| 21 text run at (0,75) width 456: "IMG.left, IMG.right {margin: 0; border:
3px solid black;}" | 21 text run at (0,75) width 456: "IMG.left, IMG.right {margin: 0; border:
3px solid black;}" |
| 22 text run at (456,75) width 0: " " | 22 text run at (456,75) width 0: " " |
| 23 text run at (0,90) width 160: ".left {float: left;}" | 23 text run at (0,90) width 160: ".left {float: left;}" |
| 24 text run at (160,90) width 0: " " | 24 text run at (160,90) width 0: " " |
| 25 text run at (0,105) width 176: ".right {float: right;}" | 25 text run at (0,105) width 176: ".right {float: right;}" |
| 26 text run at (176,105) width 0: " " | 26 text run at (176,105) width 0: " " |
| 27 text run at (0,120) width 0: " " | 27 text run at (0,120) width 0: " " |
| 28 RenderBlock {HR} at (0,182) size 769x2 [border: (1px inset #000000)] | 28 RenderBlock {HR} at (0,182) size 769x2 [border: (1px inset #EEEEEE)] |
| 29 RenderBlock {P} at (0,200) size 769x36 | 29 RenderBlock {P} at (0,200) size 769x36 |
| 30 RenderText {#text} at (0,0) size 751x36 | 30 RenderText {#text} at (0,0) size 751x36 |
| 31 text run at (0,0) width 681: "On this test page, each test is performe
d once with floating paragraphs, and then again with floating images. " | 31 text run at (0,0) width 681: "On this test page, each test is performe
d once with floating paragraphs, and then again with floating images. " |
| 32 text run at (681,0) width 67: "Other than" | 32 text run at (681,0) width 67: "Other than" |
| 33 text run at (0,18) width 751: "the substitution of images for pargraph
s, the structure of the test is exactly the same, including the direction of the
floats." | 33 text run at (0,18) width 751: "the substitution of images for pargraph
s, the structure of the test is exactly the same, including the direction of the
floats." |
| 34 RenderBlock {HR} at (24,260) size 579x2 [border: (1px inset #000000)] | 34 RenderBlock {HR} at (24,260) size 579x2 [border: (1px inset #EEEEEE)] |
| 35 RenderBlock {DIV} at (2,286) size 765x100 [border: (5px solid #800080)] | 35 RenderBlock {DIV} at (2,286) size 765x100 [border: (5px solid #800080)] |
| 36 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] | 36 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] |
| 37 RenderText {#text} at (17,17) size 130x54 | 37 RenderText {#text} at (17,17) size 130x54 |
| 38 text run at (17,17) width 130: "This is a left-floating" | 38 text run at (17,17) width 130: "This is a left-floating" |
| 39 text run at (17,35) width 112: "paragraph (first in" | 39 text run at (17,35) width 112: "paragraph (first in" |
| 40 text run at (17,53) width 50: "source)." | 40 text run at (17,53) width 50: "source)." |
| 41 RenderBlock (floating) {P} at (566,5) size 194x88 [bgcolor=#C0C0C0] [bor
der: (1px solid #00FF00)] | 41 RenderBlock (floating) {P} at (566,5) size 194x88 [bgcolor=#C0C0C0] [bor
der: (1px solid #00FF00)] |
| 42 RenderText {#text} at (17,17) size 139x54 | 42 RenderText {#text} at (17,17) size 139x54 |
| 43 text run at (17,17) width 139: "This is a right-floating" | 43 text run at (17,17) width 139: "This is a right-floating" |
| 44 text run at (17,35) width 132: "paragraph (second in" | 44 text run at (17,35) width 132: "paragraph (second in" |
| 45 text run at (17,53) width 50: "source)." | 45 text run at (17,53) width 50: "source)." |
| 46 RenderText {#text} at (199,5) size 363x90 | 46 RenderText {#text} at (199,5) size 363x90 |
| 47 text run at (199,5) width 177: "This is text within the DIV. " | 47 text run at (199,5) width 177: "This is text within the DIV. " |
| 48 text run at (376,5) width 180: "The floating elements within" | 48 text run at (376,5) width 180: "The floating elements within" |
| 49 text run at (199,23) width 363: "this DIV should not go beyond the lef
t or right inner edge" | 49 text run at (199,23) width 363: "this DIV should not go beyond the lef
t or right inner edge" |
| 50 text run at (199,41) width 356: "of this DIV, which means that the bor
ders of the floating" | 50 text run at (199,41) width 356: "of this DIV, which means that the bor
ders of the floating" |
| 51 text run at (199,59) width 360: "elements should not overlap the top o
r side borders of the" | 51 text run at (199,59) width 360: "elements should not overlap the top o
r side borders of the" |
| 52 text run at (199,77) width 33: "DIV." | 52 text run at (199,77) width 33: "DIV." |
| 53 RenderBlock {HR} at (364,394) size 41x2 [border: (1px inset #000000)] | 53 RenderBlock {HR} at (364,394) size 41x2 [border: (1px inset #EEEEEE)] |
| 54 RenderBlock {DIV} at (2,404) size 765x64 [border: (5px solid #800080)] | 54 RenderBlock {DIV} at (2,404) size 765x64 [border: (5px solid #800080)] |
| 55 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] | 55 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
| 56 RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] | 56 RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] |
| 57 RenderText {#text} at (20,5) size 728x54 | 57 RenderText {#text} at (20,5) size 728x54 |
| 58 text run at (20,5) width 177: "This is text within the DIV. " | 58 text run at (20,5) width 177: "This is text within the DIV. " |
| 59 text run at (197,5) width 536: "The floating images within this DIV sh
ould not go beyond the left or right inner edge" | 59 text run at (197,5) width 536: "The floating images within this DIV sh
ould not go beyond the left or right inner edge" |
| 60 text run at (20,23) width 709: "of this DIV, which means that the bord
ers of the floating images should not overlap the top or side borders of the" | 60 text run at (20,23) width 709: "of this DIV, which means that the bord
ers of the floating images should not overlap the top or side borders of the" |
| 61 text run at (5,41) width 33: "DIV." | 61 text run at (5,41) width 33: "DIV." |
| 62 RenderBlock {HR} at (24,492) size 579x2 [border: (1px inset #000000)] | 62 RenderBlock {HR} at (24,492) size 579x2 [border: (1px inset #EEEEEE)] |
| 63 RenderBlock {DIV} at (2,518) size 442x226 [border: (5px solid #800080)] | 63 RenderBlock {DIV} at (2,518) size 442x226 [border: (5px solid #800080)] |
| 64 RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] | 64 RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] |
| 65 RenderText {#text} at (17,17) size 122x36 | 65 RenderText {#text} at (17,17) size 122x36 |
| 66 text run at (17,17) width 122: "This is the first left-" | 66 text run at (17,17) width 122: "This is the first left-" |
| 67 text run at (17,35) width 119: "floating paragraph." | 67 text run at (17,35) width 119: "floating paragraph." |
| 68 RenderBlock (floating) {P} at (199,5) size 194x70 [bgcolor=#C0C0C0] [bor
der: (1px solid #00FF00)] | 68 RenderBlock (floating) {P} at (199,5) size 194x70 [bgcolor=#C0C0C0] [bor
der: (1px solid #00FF00)] |
| 69 RenderText {#text} at (17,17) size 142x36 | 69 RenderText {#text} at (17,17) size 142x36 |
| 70 text run at (17,17) width 142: "This is the second left-" | 70 text run at (17,17) width 142: "This is the second left-" |
| 71 text run at (17,35) width 119: "floating paragraph." | 71 text run at (17,35) width 119: "floating paragraph." |
| 72 RenderBlock (floating) {P} at (5,75) size 194x70 [bgcolor=#C0C0C0] [bord
er: (1px solid #00FF00)] | 72 RenderBlock (floating) {P} at (5,75) size 194x70 [bgcolor=#C0C0C0] [bord
er: (1px solid #00FF00)] |
| 73 RenderText {#text} at (17,17) size 127x36 | 73 RenderText {#text} at (17,17) size 127x36 |
| 74 text run at (17,17) width 127: "This is the third left-" | 74 text run at (17,17) width 127: "This is the third left-" |
| 75 text run at (17,35) width 119: "floating paragraph." | 75 text run at (17,35) width 119: "floating paragraph." |
| 76 RenderText {#text} at (393,5) size 430x216 | 76 RenderText {#text} at (393,5) size 430x216 |
| 77 text run at (393,5) width 42: "This is" | 77 text run at (393,5) width 42: "This is" |
| 78 text run at (393,23) width 23: "text" | 78 text run at (393,23) width 23: "text" |
| 79 text run at (393,41) width 40: "within" | 79 text run at (393,41) width 40: "within" |
| 80 text run at (393,59) width 19: "the" | 80 text run at (393,59) width 19: "the" |
| 81 text run at (199,77) width 37: "DIV. " | 81 text run at (199,77) width 37: "DIV. " |
| 82 text run at (236,77) width 180: "The floating elements within" | 82 text run at (236,77) width 180: "The floating elements within" |
| 83 text run at (199,95) width 219: "this DIV should not go beyond the" | 83 text run at (199,95) width 219: "this DIV should not go beyond the" |
| 84 text run at (199,113) width 220: "left or right inner edge of this DIV
," | 84 text run at (199,113) width 220: "left or right inner edge of this DIV
," |
| 85 text run at (199,131) width 224: "which means that the borders of the" | 85 text run at (199,131) width 224: "which means that the borders of the" |
| 86 text run at (5,149) width 412: "floating elements should not overlap t
he top or side borders of the" | 86 text run at (5,149) width 412: "floating elements should not overlap t
he top or side borders of the" |
| 87 text run at (5,167) width 111: "DIV in any way. " | 87 text run at (5,167) width 111: "DIV in any way. " |
| 88 text run at (116,167) width 297: "In addition, they should not overlap
each other." | 88 text run at (116,167) width 297: "In addition, they should not overlap
each other." |
| 89 text run at (5,185) width 425: "The first two should be side by side,
whereas the third should be on" | 89 text run at (5,185) width 425: "The first two should be side by side,
whereas the third should be on" |
| 90 text run at (5,203) width 95: "the next \"line.\"" | 90 text run at (5,203) width 95: "the next \"line.\"" |
| 91 RenderBlock {HR} at (364,752) size 41x2 [border: (1px inset #000000)] | 91 RenderBlock {HR} at (364,752) size 41x2 [border: (1px inset #EEEEEE)] |
| 92 RenderBlock {DIV} at (2,762) size 360x190 [border: (5px solid #800080)] | 92 RenderBlock {DIV} at (2,762) size 360x190 [border: (5px solid #800080)] |
| 93 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)] | 93 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)] |
| 94 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)] | 94 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)] |
| 95 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)] | 95 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)] |
| 96 RenderText {#text} at (317,5) size 350x180 | 96 RenderText {#text} at (317,5) size 350x180 |
| 97 text run at (317,5) width 28: "This" | 97 text run at (317,5) width 28: "This" |
| 98 text run at (317,23) width 37: "is text" | 98 text run at (317,23) width 37: "is text" |
| 99 text run at (161,41) width 104: "within the DIV. " | 99 text run at (161,41) width 104: "within the DIV. " |
| 100 text run at (265,41) width 77: "The floating" | 100 text run at (265,41) width 77: "The floating" |
| 101 text run at (161,59) width 193: "images within this DIV should" | 101 text run at (161,59) width 193: "images within this DIV should" |
| 102 text run at (5,77) width 338: "not go beyond the left or right inner e
dge of this DIV," | 102 text run at (5,77) width 338: "not go beyond the left or right inner e
dge of this DIV," |
| 103 text run at (5,95) width 324: "which means that the borders of the flo
ating images" | 103 text run at (5,95) width 324: "which means that the borders of the flo
ating images" |
| 104 text run at (5,113) width 350: "should not overlap the top or side bor
ders of the DIV in" | 104 text run at (5,113) width 350: "should not overlap the top or side bor
ders of the DIV in" |
| 105 text run at (5,131) width 62: "any way. " | 105 text run at (5,131) width 62: "any way. " |
| 106 text run at (67,131) width 257: "In addition, they should not overlap
each" | 106 text run at (67,131) width 257: "In addition, they should not overlap
each" |
| 107 text run at (5,149) width 40: "other. " | 107 text run at (5,149) width 40: "other. " |
| 108 text run at (45,149) width 307: "The first two should be side by side,
whereas the" | 108 text run at (45,149) width 307: "The first two should be side by side,
whereas the" |
| 109 text run at (5,167) width 213: "third should be on the next \"line.\"" | 109 text run at (5,167) width 213: "third should be on the next \"line.\"" |
| 110 RenderBlock {HR} at (24,976) size 579x2 [border: (1px inset #000000)] | 110 RenderBlock {HR} at (24,976) size 579x2 [border: (1px inset #EEEEEE)] |
| 111 RenderBlock {DIV} at (2,1002) size 314x350 [border: (5px solid #800080)] | 111 RenderBlock {DIV} at (2,1002) size 314x350 [border: (5px solid #800080)] |
| 112 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] | 112 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] |
| 113 RenderText {#text} at (17,17) size 130x54 | 113 RenderText {#text} at (17,17) size 130x54 |
| 114 text run at (17,17) width 130: "This is a left-floating" | 114 text run at (17,17) width 130: "This is a left-floating" |
| 115 text run at (17,35) width 112: "paragraph (first in" | 115 text run at (17,35) width 112: "paragraph (first in" |
| 116 text run at (17,53) width 50: "source)." | 116 text run at (17,53) width 50: "source)." |
| 117 RenderBlock (floating) {P} at (115,93) size 194x88 [bgcolor=#C0C0C0] [bo
rder: (1px solid #00FF00)] | 117 RenderBlock (floating) {P} at (115,93) size 194x88 [bgcolor=#C0C0C0] [bo
rder: (1px solid #00FF00)] |
| 118 RenderText {#text} at (17,17) size 139x54 | 118 RenderText {#text} at (17,17) size 139x54 |
| 119 text run at (17,17) width 139: "This is a right-floating" | 119 text run at (17,17) width 139: "This is a right-floating" |
| 120 text run at (17,35) width 132: "paragraph (second in" | 120 text run at (17,35) width 132: "paragraph (second in" |
| (...skipping 11 matching lines...) Expand all Loading... |
| 132 text run at (5,183) width 292: "means that the borders of the floating
elements" | 132 text run at (5,183) width 292: "means that the borders of the floating
elements" |
| 133 text run at (5,201) width 301: "should not overlap the top or side bor
ders of the" | 133 text run at (5,201) width 301: "should not overlap the top or side bor
ders of the" |
| 134 text run at (5,219) width 111: "DIV in any way. " | 134 text run at (5,219) width 111: "DIV in any way. " |
| 135 text run at (116,219) width 173: "In addition, they should not" | 135 text run at (116,219) width 173: "In addition, they should not" |
| 136 text run at (5,237) width 288: "overlap each other in any way, nor sho
uld the" | 136 text run at (5,237) width 288: "overlap each other in any way, nor sho
uld the" |
| 137 text run at (5,255) width 304: "floated elements be overwritten by the
DIV text." | 137 text run at (5,255) width 304: "floated elements be overwritten by the
DIV text." |
| 138 text run at (5,273) width 290: "In addition, the floated elements shou
ld not be" | 138 text run at (5,273) width 290: "In addition, the floated elements shou
ld not be" |
| 139 text run at (5,291) width 268: "side-by-side, but instead the first sh
ould be" | 139 text run at (5,291) width 268: "side-by-side, but instead the first sh
ould be" |
| 140 text run at (5,309) width 288: "floated left, and the second floated t
o the right" | 140 text run at (5,309) width 288: "floated left, and the second floated t
o the right" |
| 141 text run at (5,327) width 94: "below the first." | 141 text run at (5,327) width 94: "below the first." |
| 142 RenderBlock {HR} at (364,1360) size 41x2 [border: (1px inset #000000)] | 142 RenderBlock {HR} at (364,1360) size 41x2 [border: (1px inset #EEEEEE)] |
| 143 RenderBlock {DIV} at (2,1370) size 410x226 [border: (5px solid #800080)] | 143 RenderBlock {DIV} at (2,1370) size 410x226 [border: (5px solid #800080)] |
| 144 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)] | 144 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)] |
| 145 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)] | 145 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)] |
| 146 RenderText {#text} at (261,5) size 392x216 | 146 RenderText {#text} at (261,5) size 392x216 |
| 147 text run at (261,5) width 136: "This is text within the" | 147 text run at (261,5) width 136: "This is text within the" |
| 148 text run at (261,23) width 37: "DIV. " | 148 text run at (261,23) width 37: "DIV. " |
| 149 text run at (298,23) width 77: "The floating" | 149 text run at (298,23) width 77: "The floating" |
| 150 text run at (5,41) width 114: "images within this" | 150 text run at (5,41) width 114: "images within this" |
| 151 text run at (5,59) width 119: "DIV should not go" | 151 text run at (5,59) width 119: "DIV should not go" |
| 152 text run at (5,77) width 381: "beyond the left or right inner edge of
this DIV, which means" | 152 text run at (5,77) width 381: "beyond the left or right inner edge of
this DIV, which means" |
| 153 text run at (5,95) width 381: "that the borders of the floating images
should not overlap the" | 153 text run at (5,95) width 381: "that the borders of the floating images
should not overlap the" |
| 154 text run at (5,113) width 272: "top or side borders of the DIV in any
way. " | 154 text run at (5,113) width 272: "top or side borders of the DIV in any
way. " |
| 155 text run at (277,113) width 103: "In addition, they" | 155 text run at (277,113) width 103: "In addition, they" |
| 156 text run at (5,131) width 358: "should not overlap each other in any w
ay, nor should the" | 156 text run at (5,131) width 358: "should not overlap each other in any w
ay, nor should the" |
| 157 text run at (5,149) width 308: "floated elements be overwritten by the
DIV text. " | 157 text run at (5,149) width 308: "floated elements be overwritten by the
DIV text. " |
| 158 text run at (313,149) width 72: "In addition," | 158 text run at (313,149) width 72: "In addition," |
| 159 text run at (5,167) width 382: "the floated images should not be side-
by-side, but instead the" | 159 text run at (5,167) width 382: "the floated images should not be side-
by-side, but instead the" |
| 160 text run at (5,185) width 381: "first should be floated left, and the
second floated to the right" | 160 text run at (5,185) width 381: "first should be floated left, and the
second floated to the right" |
| 161 text run at (5,203) width 94: "below the first." | 161 text run at (5,203) width 94: "below the first." |
| 162 RenderBlock {HR} at (24,1620) size 579x2 [border: (1px inset #000000)] | 162 RenderBlock {HR} at (24,1620) size 579x2 [border: (1px inset #EEEEEE)] |
| 163 RenderBlock {DIV} at (2,1646) size 765x118 [border: (5px solid #800080)] | 163 RenderBlock {DIV} at (2,1646) size 765x118 [border: (5px solid #800080)] |
| 164 RenderBlock (floating) {P} at (566,5) size 194x88 [bgcolor=#C0C0C0] [bor
der: (1px solid #00FF00)] | 164 RenderBlock (floating) {P} at (566,5) size 194x88 [bgcolor=#C0C0C0] [bor
der: (1px solid #00FF00)] |
| 165 RenderText {#text} at (17,17) size 139x54 | 165 RenderText {#text} at (17,17) size 139x54 |
| 166 text run at (17,17) width 139: "This is a right-floating" | 166 text run at (17,17) width 139: "This is a right-floating" |
| 167 text run at (17,35) width 112: "paragraph (first in" | 167 text run at (17,35) width 112: "paragraph (first in" |
| 168 text run at (17,53) width 50: "source)." | 168 text run at (17,53) width 50: "source)." |
| 169 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] | 169 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] |
| 170 RenderText {#text} at (17,17) size 132x54 | 170 RenderText {#text} at (17,17) size 132x54 |
| 171 text run at (17,17) width 130: "This is a left-floating" | 171 text run at (17,17) width 130: "This is a left-floating" |
| 172 text run at (17,35) width 132: "paragraph (second in" | 172 text run at (17,35) width 132: "paragraph (second in" |
| 173 text run at (17,53) width 50: "source)." | 173 text run at (17,53) width 50: "source)." |
| 174 RenderText {#text} at (199,5) size 551x108 | 174 RenderText {#text} at (199,5) size 551x108 |
| 175 text run at (199,5) width 177: "This is text within the DIV. " | 175 text run at (199,5) width 177: "This is text within the DIV. " |
| 176 text run at (376,5) width 180: "The floating elements within" | 176 text run at (376,5) width 180: "The floating elements within" |
| 177 text run at (199,23) width 352: "this DIV should not go beyond the top
side of this DIV," | 177 text run at (199,23) width 352: "this DIV should not go beyond the top
side of this DIV," |
| 178 text run at (199,41) width 335: "which means that the borders of the f
loating elements" | 178 text run at (199,41) width 335: "which means that the borders of the f
loating elements" |
| 179 text run at (199,59) width 350: "should not overlap the top or side bo
rders of the DIV in" | 179 text run at (199,59) width 350: "should not overlap the top or side bo
rders of the DIV in" |
| 180 text run at (199,77) width 62: "any way. " | 180 text run at (199,77) width 62: "any way. " |
| 181 text run at (261,77) width 264: "In addition, the top of the left-floa
ting box" | 181 text run at (261,77) width 264: "In addition, the top of the left-floa
ting box" |
| 182 text run at (5,95) width 365: "should not be higher than the top of th
e right-floating box." | 182 text run at (5,95) width 365: "should not be higher than the top of th
e right-floating box." |
| 183 RenderBlock {HR} at (364,1772) size 41x2 [border: (1px inset #000000)] | 183 RenderBlock {HR} at (364,1772) size 41x2 [border: (1px inset #EEEEEE)] |
| 184 RenderBlock {DIV} at (2,1782) size 765x64 [border: (5px solid #800080)] | 184 RenderBlock {DIV} at (2,1782) size 765x64 [border: (5px solid #800080)] |
| 185 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] | 185 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
| 186 RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] | 186 RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] |
| 187 RenderText {#text} at (20,5) size 720x54 | 187 RenderText {#text} at (20,5) size 720x54 |
| 188 text run at (20,5) width 177: "This is text within the DIV. " | 188 text run at (20,5) width 177: "This is text within the DIV. " |
| 189 text run at (197,5) width 525: "The floating images within this DIV sh
ould not go beyond the top side of this DIV," | 189 text run at (197,5) width 525: "The floating images within this DIV sh
ould not go beyond the top side of this DIV," |
| 190 text run at (20,23) width 705: "which means that the borders of the fl
oating images should not overlap the top or side borders of the DIV in any" | 190 text run at (20,23) width 705: "which means that the borders of the fl
oating images should not overlap the top or side borders of the DIV in any" |
| 191 text run at (5,41) width 35: "way. " | 191 text run at (5,41) width 35: "way. " |
| 192 text run at (40,41) width 661: "In addition, the top of the left-float
ing image should not be higher than the top of the right-floating image." | 192 text run at (40,41) width 661: "In addition, the top of the left-float
ing image should not be higher than the top of the right-floating image." |
| 193 RenderBlock {HR} at (24,1870) size 579x2 [border: (1px inset #000000)] | 193 RenderBlock {HR} at (24,1870) size 579x2 [border: (1px inset #EEEEEE)] |
| 194 RenderBlock {DIV} at (2,1896) size 765x136 [border: (5px solid #800080)] | 194 RenderBlock {DIV} at (2,1896) size 765x136 [border: (5px solid #800080)] |
| 195 RenderText {#text} at (199,5) size 185x18 | 195 RenderText {#text} at (199,5) size 185x18 |
| 196 text run at (199,5) width 177: "This is text within the DIV. " | 196 text run at (199,5) width 177: "This is text within the DIV. " |
| 197 text run at (376,5) width 8: "*" | 197 text run at (376,5) width 8: "*" |
| 198 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] | 198 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] |
| 199 RenderText {#text} at (17,17) size 130x54 | 199 RenderText {#text} at (17,17) size 130x54 |
| 200 text run at (17,17) width 130: "This is a left-floating" | 200 text run at (17,17) width 130: "This is a left-floating" |
| 201 text run at (17,35) width 112: "paragraph (first in" | 201 text run at (17,35) width 112: "paragraph (first in" |
| 202 text run at (17,53) width 50: "source)." | 202 text run at (17,53) width 50: "source)." |
| 203 RenderText {#text} at (384,5) size 545x36 | 203 RenderText {#text} at (384,5) size 545x36 |
| 204 text run at (384,5) width 360: " The floating elements within this DIV
should not go any" | 204 text run at (384,5) width 360: " The floating elements within this DIV
should not go any" |
| 205 text run at (199,23) width 477: "higher than the line-box containing t
he inline content which precedes them. " | 205 text run at (199,23) width 477: "higher than the line-box containing t
he inline content which precedes them. " |
| 206 text run at (676,23) width 12: "* " | 206 text run at (676,23) width 12: "* " |
| 207 RenderBlock (floating) {P} at (566,41) size 194x88 [bgcolor=#C0C0C0] [bo
rder: (1px solid #00FF00)] | 207 RenderBlock (floating) {P} at (566,41) size 194x88 [bgcolor=#C0C0C0] [bo
rder: (1px solid #00FF00)] |
| 208 RenderText {#text} at (17,17) size 139x54 | 208 RenderText {#text} at (17,17) size 139x54 |
| 209 text run at (17,17) width 139: "This is a right-floating" | 209 text run at (17,17) width 139: "This is a right-floating" |
| 210 text run at (17,35) width 132: "paragraph (second in" | 210 text run at (17,35) width 132: "paragraph (second in" |
| 211 text run at (17,53) width 50: "source)." | 211 text run at (17,53) width 50: "source)." |
| 212 RenderText {#text} at (688,23) size 755x108 | 212 RenderText {#text} at (688,23) size 755x108 |
| 213 text run at (688,23) width 72: "This means" | 213 text run at (688,23) width 72: "This means" |
| 214 text run at (199,41) width 349: "that the top side of each float can b
e, at most, as high as" | 214 text run at (199,41) width 349: "that the top side of each float can b
e, at most, as high as" |
| 215 text run at (199,59) width 352: "the top edge of the inline element co
ntaining the content" | 215 text run at (199,59) width 352: "the top edge of the inline element co
ntaining the content" |
| 216 text run at (199,77) width 331: "just before the floating elements occ
ur in the source. " | 216 text run at (199,77) width 331: "just before the floating elements occ
ur in the source. " |
| 217 text run at (530,77) width 13: "In" | 217 text run at (530,77) width 13: "In" |
| 218 text run at (5,95) width 545: "order to mark these points clearly, an
asterisk has been inserted just before each floated" | 218 text run at (5,95) width 545: "order to mark these points clearly, an
asterisk has been inserted just before each floated" |
| 219 text run at (5,113) width 53: "element." | 219 text run at (5,113) width 53: "element." |
| 220 RenderBlock {HR} at (364,2040) size 41x2 [border: (1px inset #000000)] | 220 RenderBlock {HR} at (364,2040) size 41x2 [border: (1px inset #EEEEEE)] |
| 221 RenderBlock {DIV} at (2,2050) size 765x82 [border: (5px solid #800080)] | 221 RenderBlock {DIV} at (2,2050) size 765x82 [border: (5px solid #800080)] |
| 222 RenderText {#text} at (20,5) size 185x18 | 222 RenderText {#text} at (20,5) size 185x18 |
| 223 text run at (20,5) width 177: "This is text within the DIV. " | 223 text run at (20,5) width 177: "This is text within the DIV. " |
| 224 text run at (197,5) width 8: "*" | 224 text run at (197,5) width 8: "*" |
| 225 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] | 225 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
| 226 RenderText {#text} at (205,5) size 688x36 | 226 RenderText {#text} at (205,5) size 688x36 |
| 227 text run at (205,5) width 503: " The floating images within this DIV s
hould not go any higher than the line-box" | 227 text run at (205,5) width 503: " The floating images within this DIV s
hould not go any higher than the line-box" |
| 228 text run at (20,23) width 323: "containing the inline content which pr
ecedes them. " | 228 text run at (20,23) width 323: "containing the inline content which pr
ecedes them. " |
| 229 text run at (343,23) width 12: "* " | 229 text run at (343,23) width 12: "* " |
| 230 RenderImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)] | 230 RenderImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)] |
| 231 RenderText {#text} at (355,23) size 738x54 | 231 RenderText {#text} at (355,23) size 738x54 |
| 232 text run at (355,23) width 376: "This means that the top side of each
float can be, at most, as" | 232 text run at (355,23) width 376: "This means that the top side of each
float can be, at most, as" |
| 233 text run at (5,41) width 725: "high as the top edge of the inline elem
ent containing the content just before the floating images occur in the source.
" | 233 text run at (5,41) width 725: "high as the top edge of the inline elem
ent containing the content just before the floating images occur in the source.
" |
| 234 text run at (730,41) width 13: "In" | 234 text run at (730,41) width 13: "In" |
| 235 text run at (5,59) width 591: "order to mark these points clearly, an
asterisk has been inserted just before each floated image." | 235 text run at (5,59) width 591: "order to mark these points clearly, an
asterisk has been inserted just before each floated image." |
| 236 RenderBlock {HR} at (24,2156) size 579x2 [border: (1px inset #000000)] | 236 RenderBlock {HR} at (24,2156) size 579x2 [border: (1px inset #EEEEEE)] |
| 237 RenderBlock {DIV} at (2,2182) size 765x262 [border: (5px solid #800080)] | 237 RenderBlock {DIV} at (2,2182) size 765x262 [border: (5px solid #800080)] |
| 238 RenderText {#text} at (199,5) size 185x18 | 238 RenderText {#text} at (199,5) size 185x18 |
| 239 text run at (199,5) width 177: "This is text within the DIV. " | 239 text run at (199,5) width 177: "This is text within the DIV. " |
| 240 text run at (376,5) width 8: "*" | 240 text run at (376,5) width 8: "*" |
| 241 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] | 241 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] |
| 242 RenderText {#text} at (17,17) size 130x54 | 242 RenderText {#text} at (17,17) size 130x54 |
| 243 text run at (17,17) width 130: "This is a left-floating" | 243 text run at (17,17) width 130: "This is a left-floating" |
| 244 text run at (17,35) width 112: "paragraph (first in" | 244 text run at (17,35) width 112: "paragraph (first in" |
| 245 text run at (17,53) width 50: "source)." | 245 text run at (17,53) width 50: "source)." |
| 246 RenderText {#text} at (384,5) size 545x36 | 246 RenderText {#text} at (384,5) size 545x36 |
| (...skipping 29 matching lines...) Expand all Loading... |
| 276 RenderText {#text} at (667,131) size 742x126 | 276 RenderText {#text} at (667,131) size 742x126 |
| 277 text run at (667,131) width 70: " In order to" | 277 text run at (667,131) width 70: " In order to" |
| 278 text run at (587,149) width 160: "mark these points clearly," | 278 text run at (587,149) width 160: "mark these points clearly," |
| 279 text run at (587,167) width 125: "an asterisk has been" | 279 text run at (587,167) width 125: "an asterisk has been" |
| 280 text run at (587,185) width 152: "inserted just before each" | 280 text run at (587,185) width 152: "inserted just before each" |
| 281 text run at (587,203) width 104: "floated element. " | 281 text run at (587,203) width 104: "floated element. " |
| 282 text run at (691,203) width 48: "If a line" | 282 text run at (691,203) width 48: "If a line" |
| 283 text run at (5,221) width 722: "has room for a floated element, then t
he element should float so that its top is aligned with the top of the line-box
in" | 283 text run at (5,221) width 722: "has room for a floated element, then t
he element should float so that its top is aligned with the top of the line-box
in" |
| 284 text run at (5,239) width 173: "which the asterisk appears. " | 284 text run at (5,239) width 173: "which the asterisk appears. " |
| 285 text run at (178,239) width 402: "Otherwise, its top should align with
the top of the next line-box." | 285 text run at (178,239) width 402: "Otherwise, its top should align with
the top of the next line-box." |
| 286 RenderBlock {HR} at (364,2452) size 41x2 [border: (1px inset #000000)] | 286 RenderBlock {HR} at (364,2452) size 41x2 [border: (1px inset #EEEEEE)] |
| 287 RenderBlock {DIV} at (2,2462) size 765x118 [border: (5px solid #800080)] | 287 RenderBlock {DIV} at (2,2462) size 765x118 [border: (5px solid #800080)] |
| 288 RenderText {#text} at (20,5) size 185x18 | 288 RenderText {#text} at (20,5) size 185x18 |
| 289 text run at (20,5) width 177: "This is text within the DIV. " | 289 text run at (20,5) width 177: "This is text within the DIV. " |
| 290 text run at (197,5) width 8: "*" | 290 text run at (197,5) width 8: "*" |
| 291 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] | 291 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
| 292 RenderText {#text} at (205,5) size 673x36 | 292 RenderText {#text} at (205,5) size 673x36 |
| 293 text run at (205,5) width 503: " The floating images within this DIV s
hould not go any higher than the line-box" | 293 text run at (205,5) width 503: " The floating images within this DIV s
hould not go any higher than the line-box" |
| 294 text run at (35,23) width 323: "containing the inline content which pr
ecedes them. " | 294 text run at (35,23) width 323: "containing the inline content which pr
ecedes them. " |
| 295 text run at (358,23) width 12: "* " | 295 text run at (358,23) width 12: "* " |
| 296 RenderImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)] | 296 RenderImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)] |
| 297 RenderText {#text} at (370,23) size 318x18 | 297 RenderText {#text} at (370,23) size 318x18 |
| 298 text run at (370,23) width 310: "This means that the top side of each
float can be, " | 298 text run at (370,23) width 310: "This means that the top side of each
float can be, " |
| 299 text run at (680,23) width 8: "*" | 299 text run at (680,23) width 8: "*" |
| 300 RenderImage {IMG} at (20,23) size 15x36 [border: (3px solid #000000)] | 300 RenderImage {IMG} at (20,23) size 15x36 [border: (3px solid #000000)] |
| 301 RenderText {#text} at (688,23) size 721x54 | 301 RenderText {#text} at (688,23) size 721x54 |
| 302 text run at (688,23) width 53: " at most," | 302 text run at (688,23) width 53: " at most," |
| 303 text run at (35,41) width 689: "as high as the top edge of the inline
element containing the content just before the floating images occur in the" | 303 text run at (35,41) width 689: "as high as the top edge of the inline
element containing the content just before the floating images occur in the" |
| 304 text run at (20,59) width 49: "source. " | 304 text run at (20,59) width 49: "source. " |
| 305 text run at (69,59) width 8: "*" | 305 text run at (69,59) width 8: "*" |
| 306 RenderImage {IMG} at (5,59) size 15x36 [border: (3px solid #000000)] | 306 RenderImage {IMG} at (5,59) size 15x36 [border: (3px solid #000000)] |
| 307 RenderText {#text} at (77,59) size 736x54 | 307 RenderText {#text} at (77,59) size 736x54 |
| 308 text run at (77,59) width 616: " In order to mark these points clearly
, an asterisk has been inserted just before each floated image. " | 308 text run at (77,59) width 616: " In order to mark these points clearly
, an asterisk has been inserted just before each floated image. " |
| 309 text run at (693,59) width 48: "If a line" | 309 text run at (693,59) width 48: "If a line" |
| 310 text run at (20,77) width 700: "has room for a floated image, then the
image should float so that its top is aligned with the top of the line-box in" | 310 text run at (20,77) width 700: "has room for a floated image, then the
image should float so that its top is aligned with the top of the line-box in" |
| 311 text run at (5,95) width 173: "which the asterisk appears. " | 311 text run at (5,95) width 173: "which the asterisk appears. " |
| 312 text run at (178,95) width 402: "Otherwise, its top should align with
the top of the next line-box." | 312 text run at (178,95) width 402: "Otherwise, its top should align with
the top of the next line-box." |
| 313 RenderBlock {HR} at (24,2604) size 579x2 [border: (1px inset #000000)] | 313 RenderBlock {HR} at (24,2604) size 579x2 [border: (1px inset #EEEEEE)] |
| 314 RenderBlock {DIV} at (2,2630) size 490x298 [border: (5px solid #800080)] | 314 RenderBlock {DIV} at (2,2630) size 490x298 [border: (5px solid #800080)] |
| 315 RenderText {#text} at (199,5) size 54x18 | 315 RenderText {#text} at (199,5) size 54x18 |
| 316 text run at (199,5) width 54: "This is *" | 316 text run at (199,5) width 54: "This is *" |
| 317 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] | 317 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] |
| 318 RenderText {#text} at (17,17) size 130x54 | 318 RenderText {#text} at (17,17) size 130x54 |
| 319 text run at (17,17) width 130: "This is a left-floating" | 319 text run at (17,17) width 130: "This is a left-floating" |
| 320 text run at (17,35) width 112: "paragraph (first in" | 320 text run at (17,35) width 112: "paragraph (first in" |
| 321 text run at (17,53) width 50: "source)." | 321 text run at (17,53) width 50: "source)." |
| 322 RenderText {#text} at (253,5) size 12x18 | 322 RenderText {#text} at (253,5) size 12x18 |
| 323 text run at (253,5) width 12: " *" | 323 text run at (253,5) width 12: " *" |
| (...skipping 12 matching lines...) Expand all Loading... |
| 336 text run at (5,113) width 447: "border of the DIV should abut the gree
n border of the floating element." | 336 text run at (5,113) width 447: "border of the DIV should abut the gree
n border of the floating element." |
| 337 text run at (5,131) width 444: "Similarly, the right floating element
should be placed in the upper right" | 337 text run at (5,131) width 444: "Similarly, the right floating element
should be placed in the upper right" |
| 338 text run at (5,149) width 468: "corner of the DIV, and the purple bord
er of the DIV should abut the green" | 338 text run at (5,149) width 468: "corner of the DIV, and the purple bord
er of the DIV should abut the green" |
| 339 text run at (5,167) width 451: "border of the floating element. The te
xt of the DIV element should flow" | 339 text run at (5,167) width 451: "border of the floating element. The te
xt of the DIV element should flow" |
| 340 text run at (5,185) width 461: "between and under the two floating ele
ments. The two asterisk characters" | 340 text run at (5,185) width 461: "between and under the two floating ele
ments. The two asterisk characters" |
| 341 text run at (5,203) width 468: "mark the insertion points of the float
ing elements. It is expected that, under" | 341 text run at (5,203) width 468: "mark the insertion points of the float
ing elements. It is expected that, under" |
| 342 text run at (5,221) width 470: "future specifications, it may be accep
table for the top of floated elements to" | 342 text run at (5,221) width 470: "future specifications, it may be accep
table for the top of floated elements to" |
| 343 text run at (5,239) width 475: "align with the top of the line-box fol
lowing the insertion point of the floated" | 343 text run at (5,239) width 475: "align with the top of the line-box fol
lowing the insertion point of the floated" |
| 344 text run at (5,257) width 466: "element to avoid floating elements app
earing before text which precedes it" | 344 text run at (5,257) width 466: "element to avoid floating elements app
earing before text which precedes it" |
| 345 text run at (5,275) width 150: "in the source document." | 345 text run at (5,275) width 150: "in the source document." |
| 346 RenderBlock {HR} at (364,2936) size 41x2 [border: (1px inset #000000)] | 346 RenderBlock {HR} at (364,2936) size 41x2 [border: (1px inset #EEEEEE)] |
| 347 RenderBlock {DIV} at (2,2946) size 490x226 [border: (5px solid #800080)] | 347 RenderBlock {DIV} at (2,2946) size 490x226 [border: (5px solid #800080)] |
| 348 RenderText {#text} at (20,5) size 54x18 | 348 RenderText {#text} at (20,5) size 54x18 |
| 349 text run at (20,5) width 54: "This is *" | 349 text run at (20,5) width 54: "This is *" |
| 350 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] | 350 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
| 351 RenderText {#text} at (74,5) size 12x18 | 351 RenderText {#text} at (74,5) size 12x18 |
| 352 text run at (74,5) width 12: " *" | 352 text run at (74,5) width 12: " *" |
| 353 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)] | 353 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)] |
| 354 RenderText {#text} at (86,5) size 480x216 | 354 RenderText {#text} at (86,5) size 480x216 |
| 355 text run at (86,5) width 135: " text within the DIV. " | 355 text run at (86,5) width 135: " text within the DIV. " |
| 356 text run at (221,5) width 226: "Under CSS1, the left floating image" | 356 text run at (221,5) width 226: "Under CSS1, the left floating image" |
| 357 text run at (20,23) width 424: "should be placed in the upper left cor
ner of the DIV, and the purple" | 357 text run at (20,23) width 424: "should be placed in the upper left cor
ner of the DIV, and the purple" |
| 358 text run at (5,41) width 436: "border of the DIV should abut the green
border of the floating image." | 358 text run at (5,41) width 436: "border of the DIV should abut the green
border of the floating image." |
| 359 text run at (5,59) width 477: "Similarly, the right floating image sho
uld be placed in the upper right corner" | 359 text run at (5,59) width 477: "Similarly, the right floating image sho
uld be placed in the upper right corner" |
| 360 text run at (5,77) width 469: "of the DIV, and the purple border of th
e DIV should abut the green border" | 360 text run at (5,77) width 469: "of the DIV, and the purple border of th
e DIV should abut the green border" |
| 361 text run at (5,95) width 479: "of the floating image. The text of the
DIV element should flow between and" | 361 text run at (5,95) width 479: "of the floating image. The text of the
DIV element should flow between and" |
| 362 text run at (5,113) width 477: "under the two floating image. The two
asterisk characters mark the insertion" | 362 text run at (5,113) width 477: "under the two floating image. The two
asterisk characters mark the insertion" |
| 363 text run at (5,131) width 180: "points of the floating image. " | 363 text run at (5,131) width 180: "points of the floating image. " |
| 364 text run at (185,131) width 300: "It is expected that, under future sp
ecifications, it" | 364 text run at (185,131) width 300: "It is expected that, under future sp
ecifications, it" |
| 365 text run at (5,149) width 478: "may be acceptable for the top of float
ed elements to align with the top of the" | 365 text run at (5,149) width 478: "may be acceptable for the top of float
ed elements to align with the top of the" |
| 366 text run at (5,167) width 429: "line-box following the insertion point
of the floated element to avoid" | 366 text run at (5,167) width 429: "line-box following the insertion point
of the floated element to avoid" |
| 367 text run at (5,185) width 442: "floating elements appearing before tex
t which precedes it in the source" | 367 text run at (5,185) width 442: "floating elements appearing before tex
t which precedes it in the source" |
| 368 text run at (5,203) width 66: "document." | 368 text run at (5,203) width 66: "document." |
| 369 RenderBlock {HR} at (24,3196) size 579x2 [border: (1px inset #000000)] | 369 RenderBlock {HR} at (24,3196) size 579x2 [border: (1px inset #EEEEEE)] |
| 370 RenderTable {TABLE} at (0,3222) size 769x3043 [border: (1px outset #808080
)] | 370 RenderTable {TABLE} at (0,3222) size 769x3043 [border: (1px outset #808080
)] |
| 371 RenderTableSection {TBODY} at (1,1) size 767x3041 | 371 RenderTableSection {TBODY} at (1,1) size 767x3041 |
| 372 RenderTableRow {TR} at (0,0) size 767x26 | 372 RenderTableRow {TR} at (0,0) size 767x26 |
| 373 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 373 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
| 374 RenderInline {STRONG} at (0,0) size 163x18 | 374 RenderInline {STRONG} at (0,0) size 163x18 |
| 375 RenderText {#text} at (4,4) size 163x18 | 375 RenderText {#text} at (4,4) size 163x18 |
| 376 text run at (4,4) width 163: "TABLE Testing Section" | 376 text run at (4,4) width 163: "TABLE Testing Section" |
| 377 RenderTableRow {TR} at (0,26) size 767x3015 | 377 RenderTableRow {TR} at (0,26) size 767x3015 |
| 378 RenderTableCell {TD} at (0,1520) size 12x26 [bgcolor=#C0C0C0] [borde
r: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 378 RenderTableCell {TD} at (0,1520) size 12x26 [bgcolor=#C0C0C0] [borde
r: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| 379 RenderText {#text} at (4,4) size 4x18 | 379 RenderText {#text} at (4,4) size 4x18 |
| 380 text run at (4,4) width 4: " " | 380 text run at (4,4) width 4: " " |
| 381 RenderTableCell {TD} at (12,26) size 755x3015 [border: (1px inset #8
08080)] [r=1 c=1 rs=1 cs=1] | 381 RenderTableCell {TD} at (12,26) size 755x3015 [border: (1px inset #8
08080)] [r=1 c=1 rs=1 cs=1] |
| 382 RenderBlock {P} at (4,4) size 747x54 | 382 RenderBlock {P} at (4,4) size 747x54 |
| 383 RenderText {#text} at (0,0) size 740x54 | 383 RenderText {#text} at (0,0) size 740x54 |
| 384 text run at (0,0) width 681: "On this test page, each test is
performed once with floating paragraphs, and then again with floating images. " | 384 text run at (0,0) width 681: "On this test page, each test is
performed once with floating paragraphs, and then again with floating images. " |
| 385 text run at (681,0) width 36: "Other" | 385 text run at (681,0) width 36: "Other" |
| 386 text run at (0,18) width 740: "than the substitution of images
for pargraphs, the structure of the test is exactly the same, including the dir
ection of the" | 386 text run at (0,18) width 740: "than the substitution of images
for pargraphs, the structure of the test is exactly the same, including the dir
ection of the" |
| 387 text run at (0,36) width 38: "floats." | 387 text run at (0,36) width 38: "floats." |
| 388 RenderBlock {HR} at (28,82) size 563x2 [border: (1px inset #000000
)] | 388 RenderBlock {HR} at (28,82) size 563x2 [border: (1px inset #EEEEEE
)] |
| 389 RenderBlock {DIV} at (6,108) size 743x100 [border: (5px solid #800
080)] | 389 RenderBlock {DIV} at (6,108) size 743x100 [border: (5px solid #800
080)] |
| 390 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] | 390 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] |
| 391 RenderText {#text} at (17,17) size 130x54 | 391 RenderText {#text} at (17,17) size 130x54 |
| 392 text run at (17,17) width 130: "This is a left-floating" | 392 text run at (17,17) width 130: "This is a left-floating" |
| 393 text run at (17,35) width 112: "paragraph (first in" | 393 text run at (17,35) width 112: "paragraph (first in" |
| 394 text run at (17,53) width 50: "source)." | 394 text run at (17,53) width 50: "source)." |
| 395 RenderBlock (floating) {P} at (544,5) size 194x88 [bgcolor=#C0C0
C0] [border: (1px solid #00FF00)] | 395 RenderBlock (floating) {P} at (544,5) size 194x88 [bgcolor=#C0C0
C0] [border: (1px solid #00FF00)] |
| 396 RenderText {#text} at (17,17) size 139x54 | 396 RenderText {#text} at (17,17) size 139x54 |
| 397 text run at (17,17) width 139: "This is a right-floating" | 397 text run at (17,17) width 139: "This is a right-floating" |
| 398 text run at (17,35) width 132: "paragraph (second in" | 398 text run at (17,35) width 132: "paragraph (second in" |
| 399 text run at (17,53) width 50: "source)." | 399 text run at (17,53) width 50: "source)." |
| 400 RenderText {#text} at (199,5) size 337x90 | 400 RenderText {#text} at (199,5) size 337x90 |
| 401 text run at (199,5) width 177: "This is text within the DIV. " | 401 text run at (199,5) width 177: "This is text within the DIV. " |
| 402 text run at (376,5) width 136: "The floating elements" | 402 text run at (376,5) width 136: "The floating elements" |
| 403 text run at (199,23) width 337: "within this DIV should not go
beyond the left or right" | 403 text run at (199,23) width 337: "within this DIV should not go
beyond the left or right" |
| 404 text run at (199,41) width 334: "inner edge of this DIV, which
means that the borders" | 404 text run at (199,41) width 334: "inner edge of this DIV, which
means that the borders" |
| 405 text run at (199,59) width 332: "of the floating elements shou
ld not overlap the top or" | 405 text run at (199,59) width 332: "of the floating elements shou
ld not overlap the top or" |
| 406 text run at (199,77) width 153: "side borders of the DIV." | 406 text run at (199,77) width 153: "side borders of the DIV." |
| 407 RenderBlock {HR} at (357,216) size 41x2 [border: (1px inset #00000
0)] | 407 RenderBlock {HR} at (357,216) size 41x2 [border: (1px inset #EEEEE
E)] |
| 408 RenderBlock {DIV} at (6,226) size 743x64 [border: (5px solid #8000
80)] | 408 RenderBlock {DIV} at (6,226) size 743x64 [border: (5px solid #8000
80)] |
| 409 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] | 409 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] |
| 410 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000
000)] | 410 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000
000)] |
| 411 RenderText {#text} at (20,5) size 718x54 | 411 RenderText {#text} at (20,5) size 718x54 |
| 412 text run at (20,5) width 177: "This is text within the DIV. " | 412 text run at (20,5) width 177: "This is text within the DIV. " |
| 413 text run at (197,5) width 502: "The floating images within thi
s DIV should not go beyond the left or right inner" | 413 text run at (197,5) width 502: "The floating images within thi
s DIV should not go beyond the left or right inner" |
| 414 text run at (20,23) width 703: "edge of this DIV, which means
that the borders of the floating images should not overlap the top or side borde
rs" | 414 text run at (20,23) width 703: "edge of this DIV, which means
that the borders of the floating images should not overlap the top or side borde
rs" |
| 415 text run at (5,41) width 73: "of the DIV." | 415 text run at (5,41) width 73: "of the DIV." |
| 416 RenderBlock {HR} at (28,314) size 563x2 [border: (1px inset #00000
0)] | 416 RenderBlock {HR} at (28,314) size 563x2 [border: (1px inset #EEEEE
E)] |
| 417 RenderBlock {DIV} at (6,340) size 442x226 [border: (5px solid #800
080)] | 417 RenderBlock {DIV} at (6,340) size 442x226 [border: (5px solid #800
080)] |
| 418 RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] | 418 RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] |
| 419 RenderText {#text} at (17,17) size 122x36 | 419 RenderText {#text} at (17,17) size 122x36 |
| 420 text run at (17,17) width 122: "This is the first left-" | 420 text run at (17,17) width 122: "This is the first left-" |
| 421 text run at (17,35) width 119: "floating paragraph." | 421 text run at (17,35) width 119: "floating paragraph." |
| 422 RenderBlock (floating) {P} at (199,5) size 194x70 [bgcolor=#C0C0
C0] [border: (1px solid #00FF00)] | 422 RenderBlock (floating) {P} at (199,5) size 194x70 [bgcolor=#C0C0
C0] [border: (1px solid #00FF00)] |
| 423 RenderText {#text} at (17,17) size 142x36 | 423 RenderText {#text} at (17,17) size 142x36 |
| 424 text run at (17,17) width 142: "This is the second left-" | 424 text run at (17,17) width 142: "This is the second left-" |
| 425 text run at (17,35) width 119: "floating paragraph." | 425 text run at (17,35) width 119: "floating paragraph." |
| 426 RenderBlock (floating) {P} at (5,75) size 194x70 [bgcolor=#C0C0C
0] [border: (1px solid #00FF00)] | 426 RenderBlock (floating) {P} at (5,75) size 194x70 [bgcolor=#C0C0C
0] [border: (1px solid #00FF00)] |
| 427 RenderText {#text} at (17,17) size 127x36 | 427 RenderText {#text} at (17,17) size 127x36 |
| 428 text run at (17,17) width 127: "This is the third left-" | 428 text run at (17,17) width 127: "This is the third left-" |
| 429 text run at (17,35) width 119: "floating paragraph." | 429 text run at (17,35) width 119: "floating paragraph." |
| 430 RenderText {#text} at (393,5) size 430x216 | 430 RenderText {#text} at (393,5) size 430x216 |
| 431 text run at (393,5) width 42: "This is" | 431 text run at (393,5) width 42: "This is" |
| 432 text run at (393,23) width 23: "text" | 432 text run at (393,23) width 23: "text" |
| 433 text run at (393,41) width 40: "within" | 433 text run at (393,41) width 40: "within" |
| 434 text run at (393,59) width 19: "the" | 434 text run at (393,59) width 19: "the" |
| 435 text run at (199,77) width 37: "DIV. " | 435 text run at (199,77) width 37: "DIV. " |
| 436 text run at (236,77) width 180: "The floating elements within" | 436 text run at (236,77) width 180: "The floating elements within" |
| 437 text run at (199,95) width 219: "this DIV should not go beyond
the" | 437 text run at (199,95) width 219: "this DIV should not go beyond
the" |
| 438 text run at (199,113) width 220: "left or right inner edge of
this DIV," | 438 text run at (199,113) width 220: "left or right inner edge of
this DIV," |
| 439 text run at (199,131) width 224: "which means that the borders
of the" | 439 text run at (199,131) width 224: "which means that the borders
of the" |
| 440 text run at (5,149) width 412: "floating elements should not o
verlap the top or side borders of the" | 440 text run at (5,149) width 412: "floating elements should not o
verlap the top or side borders of the" |
| 441 text run at (5,167) width 111: "DIV in any way. " | 441 text run at (5,167) width 111: "DIV in any way. " |
| 442 text run at (116,167) width 297: "In addition, they should not
overlap each other." | 442 text run at (116,167) width 297: "In addition, they should not
overlap each other." |
| 443 text run at (5,185) width 425: "The first two should be side b
y side, whereas the third should be on" | 443 text run at (5,185) width 425: "The first two should be side b
y side, whereas the third should be on" |
| 444 text run at (5,203) width 95: "the next \"line.\"" | 444 text run at (5,203) width 95: "the next \"line.\"" |
| 445 RenderBlock {HR} at (357,574) size 41x2 [border: (1px inset #00000
0)] | 445 RenderBlock {HR} at (357,574) size 41x2 [border: (1px inset #EEEEE
E)] |
| 446 RenderBlock {DIV} at (6,584) size 360x190 [border: (5px solid #800
080)] | 446 RenderBlock {DIV} at (6,584) size 360x190 [border: (5px solid #800
080)] |
| 447 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #0000
00)] | 447 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #0000
00)] |
| 448 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #00
0000)] | 448 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #00
0000)] |
| 449 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000
000)] | 449 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000
000)] |
| 450 RenderText {#text} at (317,5) size 350x180 | 450 RenderText {#text} at (317,5) size 350x180 |
| 451 text run at (317,5) width 28: "This" | 451 text run at (317,5) width 28: "This" |
| 452 text run at (317,23) width 37: "is text" | 452 text run at (317,23) width 37: "is text" |
| 453 text run at (161,41) width 104: "within the DIV. " | 453 text run at (161,41) width 104: "within the DIV. " |
| 454 text run at (265,41) width 77: "The floating" | 454 text run at (265,41) width 77: "The floating" |
| 455 text run at (161,59) width 193: "images within this DIV should
" | 455 text run at (161,59) width 193: "images within this DIV should
" |
| 456 text run at (5,77) width 338: "not go beyond the left or right
inner edge of this DIV," | 456 text run at (5,77) width 338: "not go beyond the left or right
inner edge of this DIV," |
| 457 text run at (5,95) width 324: "which means that the borders of
the floating images" | 457 text run at (5,95) width 324: "which means that the borders of
the floating images" |
| 458 text run at (5,113) width 350: "should not overlap the top or
side borders of the DIV in" | 458 text run at (5,113) width 350: "should not overlap the top or
side borders of the DIV in" |
| 459 text run at (5,131) width 62: "any way. " | 459 text run at (5,131) width 62: "any way. " |
| 460 text run at (67,131) width 257: "In addition, they should not
overlap each" | 460 text run at (67,131) width 257: "In addition, they should not
overlap each" |
| 461 text run at (5,149) width 40: "other. " | 461 text run at (5,149) width 40: "other. " |
| 462 text run at (45,149) width 307: "The first two should be side
by side, whereas the" | 462 text run at (45,149) width 307: "The first two should be side
by side, whereas the" |
| 463 text run at (5,167) width 213: "third should be on the next \"
line.\"" | 463 text run at (5,167) width 213: "third should be on the next \"
line.\"" |
| 464 RenderBlock {HR} at (28,798) size 563x2 [border: (1px inset #00000
0)] | 464 RenderBlock {HR} at (28,798) size 563x2 [border: (1px inset #EEEEE
E)] |
| 465 RenderBlock {DIV} at (6,824) size 314x350 [border: (5px solid #800
080)] | 465 RenderBlock {DIV} at (6,824) size 314x350 [border: (5px solid #800
080)] |
| 466 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] | 466 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] |
| 467 RenderText {#text} at (17,17) size 130x54 | 467 RenderText {#text} at (17,17) size 130x54 |
| 468 text run at (17,17) width 130: "This is a left-floating" | 468 text run at (17,17) width 130: "This is a left-floating" |
| 469 text run at (17,35) width 112: "paragraph (first in" | 469 text run at (17,35) width 112: "paragraph (first in" |
| 470 text run at (17,53) width 50: "source)." | 470 text run at (17,53) width 50: "source)." |
| 471 RenderBlock (floating) {P} at (115,93) size 194x88 [bgcolor=#C0C
0C0] [border: (1px solid #00FF00)] | 471 RenderBlock (floating) {P} at (115,93) size 194x88 [bgcolor=#C0C
0C0] [border: (1px solid #00FF00)] |
| 472 RenderText {#text} at (17,17) size 139x54 | 472 RenderText {#text} at (17,17) size 139x54 |
| 473 text run at (17,17) width 139: "This is a right-floating" | 473 text run at (17,17) width 139: "This is a right-floating" |
| 474 text run at (17,35) width 132: "paragraph (second in" | 474 text run at (17,35) width 132: "paragraph (second in" |
| (...skipping 11 matching lines...) Expand all Loading... |
| 486 text run at (5,183) width 292: "means that the borders of the
floating elements" | 486 text run at (5,183) width 292: "means that the borders of the
floating elements" |
| 487 text run at (5,201) width 301: "should not overlap the top or
side borders of the" | 487 text run at (5,201) width 301: "should not overlap the top or
side borders of the" |
| 488 text run at (5,219) width 111: "DIV in any way. " | 488 text run at (5,219) width 111: "DIV in any way. " |
| 489 text run at (116,219) width 173: "In addition, they should not
" | 489 text run at (116,219) width 173: "In addition, they should not
" |
| 490 text run at (5,237) width 288: "overlap each other in any way,
nor should the" | 490 text run at (5,237) width 288: "overlap each other in any way,
nor should the" |
| 491 text run at (5,255) width 304: "floated elements be overwritte
n by the DIV text." | 491 text run at (5,255) width 304: "floated elements be overwritte
n by the DIV text." |
| 492 text run at (5,273) width 290: "In addition, the floated eleme
nts should not be" | 492 text run at (5,273) width 290: "In addition, the floated eleme
nts should not be" |
| 493 text run at (5,291) width 268: "side-by-side, but instead the
first should be" | 493 text run at (5,291) width 268: "side-by-side, but instead the
first should be" |
| 494 text run at (5,309) width 288: "floated left, and the second f
loated to the right" | 494 text run at (5,309) width 288: "floated left, and the second f
loated to the right" |
| 495 text run at (5,327) width 94: "below the first." | 495 text run at (5,327) width 94: "below the first." |
| 496 RenderBlock {HR} at (357,1182) size 41x2 [border: (1px inset #0000
00)] | 496 RenderBlock {HR} at (357,1182) size 41x2 [border: (1px inset #EEEE
EE)] |
| 497 RenderBlock {DIV} at (6,1192) size 410x226 [border: (5px solid #80
0080)] | 497 RenderBlock {DIV} at (6,1192) size 410x226 [border: (5px solid #80
0080)] |
| 498 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #0000
00)] | 498 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #0000
00)] |
| 499 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #0
00000)] | 499 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #0
00000)] |
| 500 RenderText {#text} at (261,5) size 392x216 | 500 RenderText {#text} at (261,5) size 392x216 |
| 501 text run at (261,5) width 136: "This is text within the" | 501 text run at (261,5) width 136: "This is text within the" |
| 502 text run at (261,23) width 37: "DIV. " | 502 text run at (261,23) width 37: "DIV. " |
| 503 text run at (298,23) width 77: "The floating" | 503 text run at (298,23) width 77: "The floating" |
| 504 text run at (5,41) width 114: "images within this" | 504 text run at (5,41) width 114: "images within this" |
| 505 text run at (5,59) width 119: "DIV should not go" | 505 text run at (5,59) width 119: "DIV should not go" |
| 506 text run at (5,77) width 381: "beyond the left or right inner
edge of this DIV, which means" | 506 text run at (5,77) width 381: "beyond the left or right inner
edge of this DIV, which means" |
| 507 text run at (5,95) width 381: "that the borders of the floatin
g images should not overlap the" | 507 text run at (5,95) width 381: "that the borders of the floatin
g images should not overlap the" |
| 508 text run at (5,113) width 272: "top or side borders of the DIV
in any way. " | 508 text run at (5,113) width 272: "top or side borders of the DIV
in any way. " |
| 509 text run at (277,113) width 103: "In addition, they" | 509 text run at (277,113) width 103: "In addition, they" |
| 510 text run at (5,131) width 358: "should not overlap each other
in any way, nor should the" | 510 text run at (5,131) width 358: "should not overlap each other
in any way, nor should the" |
| 511 text run at (5,149) width 308: "floated elements be overwritte
n by the DIV text. " | 511 text run at (5,149) width 308: "floated elements be overwritte
n by the DIV text. " |
| 512 text run at (313,149) width 72: "In addition," | 512 text run at (313,149) width 72: "In addition," |
| 513 text run at (5,167) width 382: "the floated images should not
be side-by-side, but instead the" | 513 text run at (5,167) width 382: "the floated images should not
be side-by-side, but instead the" |
| 514 text run at (5,185) width 381: "first should be floated left,
and the second floated to the right" | 514 text run at (5,185) width 381: "first should be floated left,
and the second floated to the right" |
| 515 text run at (5,203) width 94: "below the first." | 515 text run at (5,203) width 94: "below the first." |
| 516 RenderBlock {HR} at (28,1442) size 563x2 [border: (1px inset #0000
00)] | 516 RenderBlock {HR} at (28,1442) size 563x2 [border: (1px inset #EEEE
EE)] |
| 517 RenderBlock {DIV} at (6,1468) size 743x118 [border: (5px solid #80
0080)] | 517 RenderBlock {DIV} at (6,1468) size 743x118 [border: (5px solid #80
0080)] |
| 518 RenderBlock (floating) {P} at (544,5) size 194x88 [bgcolor=#C0C0
C0] [border: (1px solid #00FF00)] | 518 RenderBlock (floating) {P} at (544,5) size 194x88 [bgcolor=#C0C0
C0] [border: (1px solid #00FF00)] |
| 519 RenderText {#text} at (17,17) size 139x54 | 519 RenderText {#text} at (17,17) size 139x54 |
| 520 text run at (17,17) width 139: "This is a right-floating" | 520 text run at (17,17) width 139: "This is a right-floating" |
| 521 text run at (17,35) width 112: "paragraph (first in" | 521 text run at (17,35) width 112: "paragraph (first in" |
| 522 text run at (17,53) width 50: "source)." | 522 text run at (17,53) width 50: "source)." |
| 523 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] | 523 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] |
| 524 RenderText {#text} at (17,17) size 132x54 | 524 RenderText {#text} at (17,17) size 132x54 |
| 525 text run at (17,17) width 130: "This is a left-floating" | 525 text run at (17,17) width 130: "This is a left-floating" |
| 526 text run at (17,35) width 132: "paragraph (second in" | 526 text run at (17,35) width 132: "paragraph (second in" |
| 527 text run at (17,53) width 50: "source)." | 527 text run at (17,53) width 50: "source)." |
| 528 RenderText {#text} at (199,5) size 533x108 | 528 RenderText {#text} at (199,5) size 533x108 |
| 529 text run at (199,5) width 177: "This is text within the DIV. " | 529 text run at (199,5) width 177: "This is text within the DIV. " |
| 530 text run at (376,5) width 136: "The floating elements" | 530 text run at (376,5) width 136: "The floating elements" |
| 531 text run at (199,23) width 333: "within this DIV should not go
beyond the top side of" | 531 text run at (199,23) width 333: "within this DIV should not go
beyond the top side of" |
| 532 text run at (199,41) width 339: "this DIV, which means that th
e borders of the floating" | 532 text run at (199,41) width 339: "this DIV, which means that th
e borders of the floating" |
| 533 text run at (199,59) width 337: "elements should not overlap t
he top or side borders of" | 533 text run at (199,59) width 337: "elements should not overlap t
he top or side borders of" |
| 534 text run at (199,77) width 134: "the DIV in any way. " | 534 text run at (199,77) width 134: "the DIV in any way. " |
| 535 text run at (333,77) width 188: "In addition, the top of the l
eft-" | 535 text run at (333,77) width 188: "In addition, the top of the l
eft-" |
| 536 text run at (5,95) width 445: "floating box should not be high
er than the top of the right-floating box." | 536 text run at (5,95) width 445: "floating box should not be high
er than the top of the right-floating box." |
| 537 RenderBlock {HR} at (357,1594) size 41x2 [border: (1px inset #0000
00)] | 537 RenderBlock {HR} at (357,1594) size 41x2 [border: (1px inset #EEEE
EE)] |
| 538 RenderBlock {DIV} at (6,1604) size 743x64 [border: (5px solid #800
080)] | 538 RenderBlock {DIV} at (6,1604) size 743x64 [border: (5px solid #800
080)] |
| 539 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] | 539 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] |
| 540 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000
000)] | 540 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000
000)] |
| 541 RenderText {#text} at (20,5) size 723x54 | 541 RenderText {#text} at (20,5) size 723x54 |
| 542 text run at (20,5) width 177: "This is text within the DIV. " | 542 text run at (20,5) width 177: "This is text within the DIV. " |
| 543 text run at (197,5) width 525: "The floating images within thi
s DIV should not go beyond the top side of this DIV," | 543 text run at (197,5) width 525: "The floating images within thi
s DIV should not go beyond the top side of this DIV," |
| 544 text run at (20,23) width 678: "which means that the borders o
f the floating images should not overlap the top or side borders of the DIV in" | 544 text run at (20,23) width 678: "which means that the borders o
f the floating images should not overlap the top or side borders of the DIV in" |
| 545 text run at (5,41) width 62: "any way. " | 545 text run at (5,41) width 62: "any way. " |
| 546 text run at (67,41) width 661: "In addition, the top of the le
ft-floating image should not be higher than the top of the right-floating image.
" | 546 text run at (67,41) width 661: "In addition, the top of the le
ft-floating image should not be higher than the top of the right-floating image.
" |
| 547 RenderBlock {HR} at (28,1692) size 563x2 [border: (1px inset #0000
00)] | 547 RenderBlock {HR} at (28,1692) size 563x2 [border: (1px inset #EEEE
EE)] |
| 548 RenderBlock {DIV} at (6,1718) size 743x136 [border: (5px solid #80
0080)] | 548 RenderBlock {DIV} at (6,1718) size 743x136 [border: (5px solid #80
0080)] |
| 549 RenderText {#text} at (199,5) size 185x18 | 549 RenderText {#text} at (199,5) size 185x18 |
| 550 text run at (199,5) width 177: "This is text within the DIV. " | 550 text run at (199,5) width 177: "This is text within the DIV. " |
| 551 text run at (376,5) width 8: "*" | 551 text run at (376,5) width 8: "*" |
| 552 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] | 552 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] |
| 553 RenderText {#text} at (17,17) size 130x54 | 553 RenderText {#text} at (17,17) size 130x54 |
| 554 text run at (17,17) width 130: "This is a left-floating" | 554 text run at (17,17) width 130: "This is a left-floating" |
| 555 text run at (17,35) width 112: "paragraph (first in" | 555 text run at (17,35) width 112: "paragraph (first in" |
| 556 text run at (17,53) width 50: "source)." | 556 text run at (17,53) width 50: "source)." |
| 557 RenderText {#text} at (384,5) size 518x36 | 557 RenderText {#text} at (384,5) size 518x36 |
| 558 text run at (384,5) width 333: " The floating elements within
this DIV should not go" | 558 text run at (384,5) width 333: " The floating elements within
this DIV should not go" |
| 559 text run at (199,23) width 504: "any higher than the line-box
containing the inline content which precedes them. " | 559 text run at (199,23) width 504: "any higher than the line-box
containing the inline content which precedes them. " |
| 560 text run at (703,23) width 8: "*" | 560 text run at (703,23) width 8: "*" |
| 561 RenderBlock (floating) {P} at (544,41) size 194x88 [bgcolor=#C0C
0C0] [border: (1px solid #00FF00)] | 561 RenderBlock (floating) {P} at (544,41) size 194x88 [bgcolor=#C0C
0C0] [border: (1px solid #00FF00)] |
| 562 RenderText {#text} at (17,17) size 139x54 | 562 RenderText {#text} at (17,17) size 139x54 |
| 563 text run at (17,17) width 139: "This is a right-floating" | 563 text run at (17,17) width 139: "This is a right-floating" |
| 564 text run at (17,35) width 132: "paragraph (second in" | 564 text run at (17,35) width 132: "paragraph (second in" |
| 565 text run at (17,53) width 50: "source)." | 565 text run at (17,53) width 50: "source)." |
| 566 RenderText {#text} at (199,41) size 539x90 | 566 RenderText {#text} at (199,41) size 539x90 |
| 567 text run at (199,41) width 321: "This means that the top side
of each float can be, at" | 567 text run at (199,41) width 321: "This means that the top side
of each float can be, at" |
| 568 text run at (199,59) width 313: "most, as high as the top edge
of the inline element" | 568 text run at (199,59) width 313: "most, as high as the top edge
of the inline element" |
| 569 text run at (199,77) width 343: "containing the content just b
efore the floating elements" | 569 text run at (199,77) width 343: "containing the content just b
efore the floating elements" |
| 570 text run at (5,95) width 127: "occur in the source. " | 570 text run at (5,95) width 127: "occur in the source. " |
| 571 text run at (132,95) width 412: "In order to mark these points
clearly, an asterisk has been inserted" | 571 text run at (132,95) width 412: "In order to mark these points
clearly, an asterisk has been inserted" |
| 572 text run at (5,113) width 203: "just before each floated eleme
nt." | 572 text run at (5,113) width 203: "just before each floated eleme
nt." |
| 573 RenderBlock {HR} at (357,1862) size 41x2 [border: (1px inset #0000
00)] | 573 RenderBlock {HR} at (357,1862) size 41x2 [border: (1px inset #EEEE
EE)] |
| 574 RenderBlock {DIV} at (6,1872) size 743x82 [border: (5px solid #800
080)] | 574 RenderBlock {DIV} at (6,1872) size 743x82 [border: (5px solid #800
080)] |
| 575 RenderText {#text} at (20,5) size 185x18 | 575 RenderText {#text} at (20,5) size 185x18 |
| 576 text run at (20,5) width 177: "This is text within the DIV. " | 576 text run at (20,5) width 177: "This is text within the DIV. " |
| 577 text run at (197,5) width 8: "*" | 577 text run at (197,5) width 8: "*" |
| 578 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] | 578 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] |
| 579 RenderText {#text} at (205,5) size 688x36 | 579 RenderText {#text} at (205,5) size 688x36 |
| 580 text run at (205,5) width 503: " The floating images within th
is DIV should not go any higher than the line-box" | 580 text run at (205,5) width 503: " The floating images within th
is DIV should not go any higher than the line-box" |
| 581 text run at (20,23) width 323: "containing the inline content
which precedes them. " | 581 text run at (20,23) width 323: "containing the inline content
which precedes them. " |
| 582 text run at (343,23) width 12: "* " | 582 text run at (343,23) width 12: "* " |
| 583 RenderImage {IMG} at (723,23) size 15x36 [border: (3px solid #00
0000)] | 583 RenderImage {IMG} at (723,23) size 15x36 [border: (3px solid #00
0000)] |
| 584 RenderText {#text} at (355,23) size 709x54 | 584 RenderText {#text} at (355,23) size 709x54 |
| 585 text run at (355,23) width 359: "This means that the top side
of each float can be, at most," | 585 text run at (355,23) width 359: "This means that the top side
of each float can be, at most," |
| 586 text run at (5,41) width 689: "as high as the top edge of the
inline element containing the content just before the floating images occur in t
he" | 586 text run at (5,41) width 689: "as high as the top edge of the
inline element containing the content just before the floating images occur in t
he" |
| 587 text run at (5,59) width 49: "source. " | 587 text run at (5,59) width 49: "source. " |
| 588 text run at (54,59) width 608: "In order to mark these points
clearly, an asterisk has been inserted just before each floated image." | 588 text run at (54,59) width 608: "In order to mark these points
clearly, an asterisk has been inserted just before each floated image." |
| 589 RenderBlock {HR} at (28,1978) size 563x2 [border: (1px inset #0000
00)] | 589 RenderBlock {HR} at (28,1978) size 563x2 [border: (1px inset #EEEE
EE)] |
| 590 RenderBlock {DIV} at (6,2004) size 743x226 [border: (5px solid #80
0080)] | 590 RenderBlock {DIV} at (6,2004) size 743x226 [border: (5px solid #80
0080)] |
| 591 RenderText {#text} at (199,5) size 185x18 | 591 RenderText {#text} at (199,5) size 185x18 |
| 592 text run at (199,5) width 177: "This is text within the DIV. " | 592 text run at (199,5) width 177: "This is text within the DIV. " |
| 593 text run at (376,5) width 8: "*" | 593 text run at (376,5) width 8: "*" |
| 594 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] | 594 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] |
| 595 RenderText {#text} at (17,17) size 130x54 | 595 RenderText {#text} at (17,17) size 130x54 |
| 596 text run at (17,17) width 130: "This is a left-floating" | 596 text run at (17,17) width 130: "This is a left-floating" |
| 597 text run at (17,35) width 112: "paragraph (first in" | 597 text run at (17,35) width 112: "paragraph (first in" |
| 598 text run at (17,53) width 50: "source)." | 598 text run at (17,53) width 50: "source)." |
| 599 RenderText {#text} at (384,5) size 518x36 | 599 RenderText {#text} at (384,5) size 518x36 |
| (...skipping 26 matching lines...) Expand all Loading... |
| 626 text run at (17,35) width 126: "paragraph (fourth in" | 626 text run at (17,35) width 126: "paragraph (fourth in" |
| 627 text run at (17,53) width 50: "source)." | 627 text run at (17,53) width 50: "source)." |
| 628 RenderText {#text} at (639,131) size 539x90 | 628 RenderText {#text} at (639,131) size 539x90 |
| 629 text run at (639,131) width 70: " In order to" | 629 text run at (639,131) width 70: " In order to" |
| 630 text run at (199,149) width 492: "mark these points clearly, a
n asterisk has been inserted just before each floated" | 630 text run at (199,149) width 492: "mark these points clearly, a
n asterisk has been inserted just before each floated" |
| 631 text run at (199,167) width 57: "element. " | 631 text run at (199,167) width 57: "element. " |
| 632 text run at (256,167) width 477: "If a line has room for a flo
ated element, then the element should float so that" | 632 text run at (256,167) width 477: "If a line has room for a flo
ated element, then the element should float so that" |
| 633 text run at (199,185) width 470: "its top is aligned with the
top of the line-box in which the asterisk appears. " | 633 text run at (199,185) width 470: "its top is aligned with the
top of the line-box in which the asterisk appears. " |
| 634 text run at (669,185) width 69: "Otherwise," | 634 text run at (669,185) width 69: "Otherwise," |
| 635 text run at (199,203) width 329: "its top should align with th
e top of the next line-box." | 635 text run at (199,203) width 329: "its top should align with th
e top of the next line-box." |
| 636 RenderBlock {HR} at (357,2241) size 41x2 [border: (1px inset #0000
00)] | 636 RenderBlock {HR} at (357,2241) size 41x2 [border: (1px inset #EEEE
EE)] |
| 637 RenderBlock {DIV} at (6,2251) size 743x118 [border: (5px solid #80
0080)] | 637 RenderBlock {DIV} at (6,2251) size 743x118 [border: (5px solid #80
0080)] |
| 638 RenderText {#text} at (20,5) size 185x18 | 638 RenderText {#text} at (20,5) size 185x18 |
| 639 text run at (20,5) width 177: "This is text within the DIV. " | 639 text run at (20,5) width 177: "This is text within the DIV. " |
| 640 text run at (197,5) width 8: "*" | 640 text run at (197,5) width 8: "*" |
| 641 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] | 641 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] |
| 642 RenderText {#text} at (205,5) size 673x36 | 642 RenderText {#text} at (205,5) size 673x36 |
| 643 text run at (205,5) width 503: " The floating images within th
is DIV should not go any higher than the line-box" | 643 text run at (205,5) width 503: " The floating images within th
is DIV should not go any higher than the line-box" |
| 644 text run at (35,23) width 323: "containing the inline content
which precedes them. " | 644 text run at (35,23) width 323: "containing the inline content
which precedes them. " |
| 645 text run at (358,23) width 12: "* " | 645 text run at (358,23) width 12: "* " |
| 646 RenderImage {IMG} at (723,23) size 15x36 [border: (3px solid #00
0000)] | 646 RenderImage {IMG} at (723,23) size 15x36 [border: (3px solid #00
0000)] |
| 647 RenderText {#text} at (370,23) size 318x18 | 647 RenderText {#text} at (370,23) size 318x18 |
| 648 text run at (370,23) width 310: "This means that the top side
of each float can be, " | 648 text run at (370,23) width 310: "This means that the top side
of each float can be, " |
| 649 text run at (680,23) width 8: "*" | 649 text run at (680,23) width 8: "*" |
| 650 RenderImage {IMG} at (20,23) size 15x36 [border: (3px solid #000
000)] | 650 RenderImage {IMG} at (20,23) size 15x36 [border: (3px solid #000
000)] |
| 651 RenderText {#text} at (688,23) size 703x54 | 651 RenderText {#text} at (688,23) size 703x54 |
| 652 text run at (688,23) width 15: " at" | 652 text run at (688,23) width 15: " at" |
| 653 text run at (35,41) width 688: "most, as high as the top edge
of the inline element containing the content just before the floating images occ
ur" | 653 text run at (35,41) width 688: "most, as high as the top edge
of the inline element containing the content just before the floating images occ
ur" |
| 654 text run at (20,59) width 88: "in the source. " | 654 text run at (20,59) width 88: "in the source. " |
| 655 text run at (108,59) width 8: "*" | 655 text run at (108,59) width 8: "*" |
| 656 RenderImage {IMG} at (5,59) size 15x36 [border: (3px solid #0000
00)] | 656 RenderImage {IMG} at (5,59) size 15x36 [border: (3px solid #0000
00)] |
| 657 RenderText {#text} at (116,59) size 727x54 | 657 RenderText {#text} at (116,59) size 727x54 |
| 658 text run at (116,59) width 612: " In order to mark these point
s clearly, an asterisk has been inserted just before each floated image." | 658 text run at (116,59) width 612: " In order to mark these point
s clearly, an asterisk has been inserted just before each floated image." |
| 659 text run at (20,77) width 712: "If a line has room for a float
ed image, then the image should float so that its top is aligned with the top of
the line-" | 659 text run at (20,77) width 712: "If a line has room for a float
ed image, then the image should float so that its top is aligned with the top of
the line-" |
| 660 text run at (5,95) width 217: "box in which the asterisk appea
rs. " | 660 text run at (5,95) width 217: "box in which the asterisk appea
rs. " |
| 661 text run at (222,95) width 402: "Otherwise, its top should ali
gn with the top of the next line-box." | 661 text run at (222,95) width 402: "Otherwise, its top should ali
gn with the top of the next line-box." |
| 662 RenderBlock {HR} at (28,2393) size 563x2 [border: (1px inset #0000
00)] | 662 RenderBlock {HR} at (28,2393) size 563x2 [border: (1px inset #EEEE
EE)] |
| 663 RenderBlock {DIV} at (6,2419) size 490x298 [border: (5px solid #80
0080)] | 663 RenderBlock {DIV} at (6,2419) size 490x298 [border: (5px solid #80
0080)] |
| 664 RenderText {#text} at (199,5) size 54x18 | 664 RenderText {#text} at (199,5) size 54x18 |
| 665 text run at (199,5) width 54: "This is *" | 665 text run at (199,5) width 54: "This is *" |
| 666 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] | 666 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] |
| 667 RenderText {#text} at (17,17) size 130x54 | 667 RenderText {#text} at (17,17) size 130x54 |
| 668 text run at (17,17) width 130: "This is a left-floating" | 668 text run at (17,17) width 130: "This is a left-floating" |
| 669 text run at (17,35) width 112: "paragraph (first in" | 669 text run at (17,35) width 112: "paragraph (first in" |
| 670 text run at (17,53) width 50: "source)." | 670 text run at (17,53) width 50: "source)." |
| 671 RenderText {#text} at (253,5) size 12x18 | 671 RenderText {#text} at (253,5) size 12x18 |
| 672 text run at (253,5) width 12: " *" | 672 text run at (253,5) width 12: " *" |
| (...skipping 12 matching lines...) Expand all Loading... |
| 685 text run at (5,113) width 447: "border of the DIV should abut
the green border of the floating element." | 685 text run at (5,113) width 447: "border of the DIV should abut
the green border of the floating element." |
| 686 text run at (5,131) width 444: "Similarly, the right floating
element should be placed in the upper right" | 686 text run at (5,131) width 444: "Similarly, the right floating
element should be placed in the upper right" |
| 687 text run at (5,149) width 468: "corner of the DIV, and the pur
ple border of the DIV should abut the green" | 687 text run at (5,149) width 468: "corner of the DIV, and the pur
ple border of the DIV should abut the green" |
| 688 text run at (5,167) width 451: "border of the floating element
. The text of the DIV element should flow" | 688 text run at (5,167) width 451: "border of the floating element
. The text of the DIV element should flow" |
| 689 text run at (5,185) width 461: "between and under the two floa
ting elements. The two asterisk characters" | 689 text run at (5,185) width 461: "between and under the two floa
ting elements. The two asterisk characters" |
| 690 text run at (5,203) width 468: "mark the insertion points of t
he floating elements. It is expected that, under" | 690 text run at (5,203) width 468: "mark the insertion points of t
he floating elements. It is expected that, under" |
| 691 text run at (5,221) width 470: "future specifications, it may
be acceptable for the top of floated elements to" | 691 text run at (5,221) width 470: "future specifications, it may
be acceptable for the top of floated elements to" |
| 692 text run at (5,239) width 475: "align with the top of the line
-box following the insertion point of the floated" | 692 text run at (5,239) width 475: "align with the top of the line
-box following the insertion point of the floated" |
| 693 text run at (5,257) width 466: "element to avoid floating elem
ents appearing before text which precedes it" | 693 text run at (5,257) width 466: "element to avoid floating elem
ents appearing before text which precedes it" |
| 694 text run at (5,275) width 150: "in the source document." | 694 text run at (5,275) width 150: "in the source document." |
| 695 RenderBlock {HR} at (357,2725) size 41x2 [border: (1px inset #0000
00)] | 695 RenderBlock {HR} at (357,2725) size 41x2 [border: (1px inset #EEEE
EE)] |
| 696 RenderBlock {DIV} at (6,2735) size 490x226 [border: (5px solid #80
0080)] | 696 RenderBlock {DIV} at (6,2735) size 490x226 [border: (5px solid #80
0080)] |
| 697 RenderText {#text} at (20,5) size 54x18 | 697 RenderText {#text} at (20,5) size 54x18 |
| 698 text run at (20,5) width 54: "This is *" | 698 text run at (20,5) width 54: "This is *" |
| 699 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] | 699 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] |
| 700 RenderText {#text} at (74,5) size 12x18 | 700 RenderText {#text} at (74,5) size 12x18 |
| 701 text run at (74,5) width 12: " *" | 701 text run at (74,5) width 12: " *" |
| 702 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000
000)] | 702 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000
000)] |
| 703 RenderText {#text} at (86,5) size 480x216 | 703 RenderText {#text} at (86,5) size 480x216 |
| 704 text run at (86,5) width 135: " text within the DIV. " | 704 text run at (86,5) width 135: " text within the DIV. " |
| 705 text run at (221,5) width 226: "Under CSS1, the left floating
image" | 705 text run at (221,5) width 226: "Under CSS1, the left floating
image" |
| 706 text run at (20,23) width 424: "should be placed in the upper
left corner of the DIV, and the purple" | 706 text run at (20,23) width 424: "should be placed in the upper
left corner of the DIV, and the purple" |
| 707 text run at (5,41) width 436: "border of the DIV should abut t
he green border of the floating image." | 707 text run at (5,41) width 436: "border of the DIV should abut t
he green border of the floating image." |
| 708 text run at (5,59) width 477: "Similarly, the right floating i
mage should be placed in the upper right corner" | 708 text run at (5,59) width 477: "Similarly, the right floating i
mage should be placed in the upper right corner" |
| 709 text run at (5,77) width 469: "of the DIV, and the purple bord
er of the DIV should abut the green border" | 709 text run at (5,77) width 469: "of the DIV, and the purple bord
er of the DIV should abut the green border" |
| 710 text run at (5,95) width 479: "of the floating image. The text
of the DIV element should flow between and" | 710 text run at (5,95) width 479: "of the floating image. The text
of the DIV element should flow between and" |
| 711 text run at (5,113) width 477: "under the two floating image.
The two asterisk characters mark the insertion" | 711 text run at (5,113) width 477: "under the two floating image.
The two asterisk characters mark the insertion" |
| 712 text run at (5,131) width 180: "points of the floating image.
" | 712 text run at (5,131) width 180: "points of the floating image.
" |
| 713 text run at (185,131) width 300: "It is expected that, under f
uture specifications, it" | 713 text run at (185,131) width 300: "It is expected that, under f
uture specifications, it" |
| 714 text run at (5,149) width 478: "may be acceptable for the top
of floated elements to align with the top of the" | 714 text run at (5,149) width 478: "may be acceptable for the top
of floated elements to align with the top of the" |
| 715 text run at (5,167) width 429: "line-box following the inserti
on point of the floated element to avoid" | 715 text run at (5,167) width 429: "line-box following the inserti
on point of the floated element to avoid" |
| 716 text run at (5,185) width 442: "floating elements appearing be
fore text which precedes it in the source" | 716 text run at (5,185) width 442: "floating elements appearing be
fore text which precedes it in the source" |
| 717 text run at (5,203) width 66: "document." | 717 text run at (5,203) width 66: "document." |
| 718 RenderBlock {HR} at (28,2985) size 563x2 [border: (1px inset #0000
00)] | 718 RenderBlock {HR} at (28,2985) size 563x2 [border: (1px inset #EEEE
EE)] |
| OLD | NEW |