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 |
(...skipping 13 matching lines...) Expand all Loading... |
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 #EEEEEE)] | 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 #EEEEEE)] | 34 RenderBlock {HR} at (24,260) size 578.75x2 [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 #EEEEEE)] | 53 RenderBlock {HR} at (364.28,394) size 40.44x2 [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 #EEEEEE)] | 62 RenderBlock {HR} at (24,492) size 578.75x2 [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 #EEEEEE)] | 91 RenderBlock {HR} at (364.28,752) size 40.44x2 [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 #EEEEEE)] | 110 RenderBlock {HR} at (24,976) size 578.75x2 [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 #EEEEEE)] | 142 RenderBlock {HR} at (364.28,1360) size 40.44x2 [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 #EEEEEE)] | 162 RenderBlock {HR} at (24,1620) size 578.75x2 [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 #EEEEEE)] | 183 RenderBlock {HR} at (364.28,1772) size 40.44x2 [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 #EEEEEE)] | 193 RenderBlock {HR} at (24,1870) size 578.75x2 [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 #EEEEEE)] | 220 RenderBlock {HR} at (364.28,2040) size 40.44x2 [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 #EEEEEE)] | 236 RenderBlock {HR} at (24,2156) size 578.75x2 [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 #EEEEEE)] | 286 RenderBlock {HR} at (364.28,2452) size 40.44x2 [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 #EEEEEE)] | 313 RenderBlock {HR} at (24,2604) size 578.75x2 [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 #EEEEEE)] | 346 RenderBlock {HR} at (364.28,2936) size 40.44x2 [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 #EEEEEE)] | 369 RenderBlock {HR} at (24,3196) size 578.75x2 [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 #EEEEEE
)] | 388 RenderBlock {HR} at (28,82) size 562.25x2 [border: (1px inset #EEE
EEE)] |
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 #EEEEE
E)] | 407 RenderBlock {HR} at (357.83,216) size 39.34x2 [border: (1px inset
#EEEEEE)] |
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 #EEEEE
E)] | 416 RenderBlock {HR} at (28,314) size 562.25x2 [border: (1px inset #EE
EEEE)] |
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 #EEEEE
E)] | 445 RenderBlock {HR} at (357.83,574) size 39.34x2 [border: (1px inset
#EEEEEE)] |
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 #EEEEE
E)] | 464 RenderBlock {HR} at (28,798) size 562.25x2 [border: (1px inset #EE
EEEE)] |
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 #EEEE
EE)] | 496 RenderBlock {HR} at (357.83,1182) size 39.34x2 [border: (1px inset
#EEEEEE)] |
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 #EEEE
EE)] | 516 RenderBlock {HR} at (28,1442) size 562.25x2 [border: (1px inset #E
EEEEE)] |
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 #EEEE
EE)] | 537 RenderBlock {HR} at (357.83,1594) size 39.34x2 [border: (1px inset
#EEEEEE)] |
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 #EEEE
EE)] | 547 RenderBlock {HR} at (28,1692) size 562.25x2 [border: (1px inset #E
EEEEE)] |
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 #EEEE
EE)] | 573 RenderBlock {HR} at (357.83,1862) size 39.34x2 [border: (1px inset
#EEEEEE)] |
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 #EEEE
EE)] | 589 RenderBlock {HR} at (28,1978) size 562.25x2 [border: (1px inset #E
EEEEE)] |
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 #EEEE
EE)] | 636 RenderBlock {HR} at (357.83,2241) size 39.34x2 [border: (1px inset
#EEEEEE)] |
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 #EEEE
EE)] | 662 RenderBlock {HR} at (28,2393) size 562.25x2 [border: (1px inset #E
EEEEE)] |
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 #EEEE
EE)] | 695 RenderBlock {HR} at (357.83,2725) size 39.34x2 [border: (1px inset
#EEEEEE)] |
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 #EEEE
EE)] | 718 RenderBlock {HR} at (28,2985) size 562.25x2 [border: (1px inset #E
EEEEE)] |
OLD | NEW |