Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(220)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/platform/linux/css1/formatting_model/floating_elements-expected.txt

Issue 1078893006: Auto-rebaseline for r193582 (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 5 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « LayoutTests/platform/linux/css1/formatting_model/floating_elements-expected.png ('k') | LayoutTests/platform/linux/virtual/slimmingpaint/fast/block/basic/018-expected.png » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 6501 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 6501
2 LayoutView at (0,0) size 800x600 2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 785x6501 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600 3 layer at (0,0) size 785x6501 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
4 LayoutBlockFlow {HTML} at (0,0) size 785x6501 4 LayoutBlockFlow {HTML} at (0,0) size 785x6501
5 LayoutBlockFlow {BODY} at (8,8) size 769x6485 [bgcolor=#CCCCCC] 5 LayoutBlockFlow {BODY} at (8,8) size 769x6485 [bgcolor=#CCCCCC]
6 LayoutBlockFlow {P} at (0,0) size 769x20 6 LayoutBlockFlow {P} at (0,0) size 769x20
7 LayoutText {#text} at (0,0) size 337x19 7 LayoutText {#text} at (0,0) size 337x19
8 text run at (0,0) width 337: "The style declarations which apply to th e text below are:" 8 text run at (0,0) width 337: "The style declarations which apply to th e text below are:"
9 LayoutBlockFlow {PRE} at (0,36) size 769x144 9 LayoutBlockFlow {PRE} at (0,36) size 769x144
10 LayoutText {#text} at (0,0) size 480x144 10 LayoutText {#text} at (0,0) size 480x144
(...skipping 13 matching lines...) Expand all
24 text run at (160,96) width 0: " " 24 text run at (160,96) width 0: " "
25 text run at (0,112) width 176: ".right {float: right;}" 25 text run at (0,112) width 176: ".right {float: right;}"
26 text run at (176,112) width 0: " " 26 text run at (176,112) width 0: " "
27 text run at (0,128) width 0: " " 27 text run at (0,128) width 0: " "
28 LayoutBlockFlow {HR} at (0,193) size 769x2 [border: (1px inset #EEEEEE)] 28 LayoutBlockFlow {HR} at (0,193) size 769x2 [border: (1px inset #EEEEEE)]
29 LayoutBlockFlow {P} at (0,211) size 769x40 29 LayoutBlockFlow {P} at (0,211) size 769x40
30 LayoutText {#text} at (0,0) size 731x39 30 LayoutText {#text} at (0,0) size 731x39
31 text run at (0,0) width 645: "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 645: "On this test page, each test is performe d once with floating paragraphs, and then again with floating images. "
32 text run at (645,0) width 86: "Other than the" 32 text run at (645,0) width 86: "Other than the"
33 text run at (0,20) width 690: "substitution of images for pargraphs, t he structure of the test is exactly the same, including the direction of the flo ats." 33 text run at (0,20) width 690: "substitution of images for pargraphs, t he structure of the test is exactly the same, including the direction of the flo ats."
34 LayoutBlockFlow {HR} at (24,275) size 578.75x2 [border: (1px inset #EEEEEE )] 34 LayoutBlockFlow {HR} at (24,275) size 576.75x2 [border: (1px inset #EEEEEE )]
35 LayoutBlockFlow {DIV} at (2,301) size 765x90 [border: (5px solid #800080)] 35 LayoutBlockFlow {DIV} at (2,301) size 765x90 [border: (5px solid #800080)]
36 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [b order: (1px solid #00FF00)] 36 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [b order: (1px solid #00FF00)]
37 LayoutText {#text} at (17,17) size 159x39 37 LayoutText {#text} at (17,17) size 159x39
38 text run at (17,17) width 120: "This is a left-floating" 38 text run at (17,17) width 120: "This is a left-floating"
39 text run at (17,37) width 159: "paragraph (first in source)." 39 text run at (17,37) width 159: "paragraph (first in source)."
40 LayoutBlockFlow (floating) {P} at (566,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] 40 LayoutBlockFlow (floating) {P} at (566,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
41 LayoutText {#text} at (17,17) size 128x59 41 LayoutText {#text} at (17,17) size 128x59
42 text run at (17,17) width 128: "This is a right-floating" 42 text run at (17,17) width 128: "This is a right-floating"
43 text run at (17,37) width 127: "paragraph (second in" 43 text run at (17,37) width 127: "paragraph (second in"
44 text run at (17,57) width 49: "source)." 44 text run at (17,57) width 49: "source)."
45 LayoutText {#text} at (199,5) size 358x79 45 LayoutText {#text} at (199,5) size 358x79
46 text run at (199,5) width 164: "This is text within the DIV. " 46 text run at (199,5) width 164: "This is text within the DIV. "
47 text run at (363,5) width 189: "The floating elements within this" 47 text run at (363,5) width 189: "The floating elements within this"
48 text run at (199,25) width 358: "DIV should not go beyond the left or right inner edge of this" 48 text run at (199,25) width 358: "DIV should not go beyond the left or right inner edge of this"
49 text run at (199,45) width 352: "DIV, which means that the borders of the floating elements" 49 text run at (199,45) width 352: "DIV, which means that the borders of the floating elements"
50 text run at (199,65) width 326: "should not overlap the top or side bo rders of the DIV." 50 text run at (199,65) width 326: "should not overlap the top or side bo rders of the DIV."
51 LayoutBlockFlow {HR} at (364.28,400) size 40.44x2 [border: (1px inset #EEE EEE)] 51 LayoutBlockFlow {HR} at (365.28,400) size 38.44x2 [border: (1px inset #EEE EEE)]
52 LayoutBlockFlow {DIV} at (2,410) size 765x50 [border: (5px solid #800080)] 52 LayoutBlockFlow {DIV} at (2,410) size 765x50 [border: (5px solid #800080)]
53 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] 53 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
54 LayoutImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] 54 LayoutImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)]
55 LayoutText {#text} at (20,5) size 704x39 55 LayoutText {#text} at (20,5) size 704x39
56 text run at (20,5) width 164: "This is text within the DIV. " 56 text run at (20,5) width 164: "This is text within the DIV. "
57 text run at (184,5) width 540: "The floating images within this DIV sh ould not go beyond the left or right inner edge of this" 57 text run at (184,5) width 540: "The floating images within this DIV sh ould not go beyond the left or right inner edge of this"
58 text run at (20,25) width 671: "DIV, which means that the borders of t he floating images should not overlap the top or side borders of the DIV." 58 text run at (20,25) width 671: "DIV, which means that the borders of t he floating images should not overlap the top or side borders of the DIV."
59 LayoutBlockFlow {HR} at (24,484) size 578.75x2 [border: (1px inset #EEEEEE )] 59 LayoutBlockFlow {HR} at (24,484) size 576.75x2 [border: (1px inset #EEEEEE )]
60 LayoutBlockFlow {DIV} at (2,510) size 442x230 [border: (5px solid #800080) ] 60 LayoutBlockFlow {DIV} at (2,510) size 442x230 [border: (5px solid #800080) ]
61 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [b order: (1px solid #00FF00)] 61 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [b order: (1px solid #00FF00)]
62 LayoutText {#text} at (17,17) size 157x39 62 LayoutText {#text} at (17,17) size 157x39
63 text run at (17,17) width 157: "This is the first left-floating" 63 text run at (17,17) width 157: "This is the first left-floating"
64 text run at (17,37) width 65: "paragraph." 64 text run at (17,37) width 65: "paragraph."
65 LayoutBlockFlow (floating) {P} at (199,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] 65 LayoutBlockFlow (floating) {P} at (199,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
66 LayoutText {#text} at (17,17) size 135x39 66 LayoutText {#text} at (17,17) size 135x39
67 text run at (17,17) width 135: "This is the second left-" 67 text run at (17,17) width 135: "This is the second left-"
68 text run at (17,37) width 112: "floating paragraph." 68 text run at (17,37) width 112: "floating paragraph."
69 LayoutBlockFlow (floating) {P} at (5,79) size 194x74 [bgcolor=#C0C0C0] [ border: (1px solid #00FF00)] 69 LayoutBlockFlow (floating) {P} at (5,79) size 194x74 [bgcolor=#C0C0C0] [ border: (1px solid #00FF00)]
70 LayoutText {#text} at (17,17) size 119x39 70 LayoutText {#text} at (17,17) size 119x39
71 text run at (17,17) width 119: "This is the third left-" 71 text run at (17,17) width 119: "This is the third left-"
72 text run at (17,37) width 112: "floating paragraph." 72 text run at (17,37) width 112: "floating paragraph."
73 LayoutText {#text} at (393,5) size 426x219 73 LayoutText {#text} at (393,5) size 426x219
74 text run at (393,5) width 38: "This is" 74 text run at (393,5) width 38: "This is"
75 text run at (393,25) width 22: "text" 75 text run at (393,25) width 22: "text"
76 text run at (393,45) width 35: "within" 76 text run at (393,45) width 35: "within"
77 text run at (393,65) width 18: "the" 77 text run at (393,65) width 18: "the"
78 text run at (199,85) width 35: "DIV. " 78 text run at (199,85) width 35: "DIV. "
79 text run at (234,85) width 189: "The floating elements within this" 79 text run at (234,85) width 189: "The floating elements within this"
80 text run at (199,105) width 222: "DIV should not go beyond the left or " 80 text run at (199,105) width 222: "DIV should not go beyond the left or "
81 text run at (199,125) width 206: "right inner edge of this DIV, which" 81 text run at (199,125) width 206: "right inner edge of this DIV, which"
82 text run at (199,145) width 222: "means that the borders of the floati ng" 82 text run at (199,145) width 222: "means that the borders of the floati ng"
83 text run at (5,165) width 417: "elements should not overlap the top or side borders of the DIV in any" 83 text run at (5,165) width 417: "elements should not overlap the top or side borders of the DIV in any"
84 text run at (5,185) width 33: "way. " 84 text run at (5,185) width 33: "way. "
85 text run at (38,185) width 287: "In addition, they should not overlap each other. " 85 text run at (38,185) width 287: "In addition, they should not overlap each other. "
86 text run at (325,185) width 76: "The first two" 86 text run at (325,185) width 76: "The first two"
87 text run at (5,205) width 414: "should be side by side, whereas the th ird should be on the next \"line.\"" 87 text run at (5,205) width 414: "should be side by side, whereas the th ird should be on the next \"line.\""
88 LayoutBlockFlow {HR} at (364.28,748) size 40.44x2 [border: (1px inset #EEE EEE)] 88 LayoutBlockFlow {HR} at (365.28,748) size 38.44x2 [border: (1px inset #EEE EEE)]
89 LayoutBlockFlow {DIV} at (2,758) size 360x210 [border: (5px solid #800080) ] 89 LayoutBlockFlow {DIV} at (2,758) size 360x210 [border: (5px solid #800080) ]
90 LayoutImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)] 90 LayoutImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)]
91 LayoutImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)] 91 LayoutImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)]
92 LayoutImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)] 92 LayoutImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)]
93 LayoutText {#text} at (317,5) size 350x199 93 LayoutText {#text} at (317,5) size 350x199
94 text run at (317,5) width 38: "This is" 94 text run at (317,5) width 38: "This is"
95 text run at (317,25) width 22: "text" 95 text run at (317,25) width 22: "text"
96 text run at (161,45) width 96: "within the DIV. " 96 text run at (161,45) width 96: "within the DIV. "
97 text run at (257,45) width 70: "The floating" 97 text run at (257,45) width 70: "The floating"
98 text run at (161,65) width 178: "images within this DIV should" 98 text run at (161,65) width 178: "images within this DIV should"
99 text run at (5,85) width 319: "not go beyond the left or right inner e dge of this DIV," 99 text run at (5,85) width 319: "not go beyond the left or right inner e dge of this DIV,"
100 text run at (5,105) width 349: "which means that the borders of the fl oating images should" 100 text run at (5,105) width 349: "which means that the borders of the fl oating images should"
101 text run at (5,125) width 318: "not overlap the top or side borders of the DIV in any" 101 text run at (5,125) width 318: "not overlap the top or side borders of the DIV in any"
102 text run at (5,145) width 33: "way. " 102 text run at (5,145) width 33: "way. "
103 text run at (38,145) width 287: "In addition, they should not overlap each other. " 103 text run at (38,145) width 287: "In addition, they should not overlap each other. "
104 text run at (325,145) width 23: "The" 104 text run at (325,145) width 23: "The"
105 text run at (5,165) width 340: "first two should be side by side, wher eas the third should" 105 text run at (5,165) width 340: "first two should be side by side, wher eas the third should"
106 text run at (5,185) width 123: "be on the next \"line.\"" 106 text run at (5,185) width 123: "be on the next \"line.\""
107 LayoutBlockFlow {HR} at (24,992) size 578.75x2 [border: (1px inset #EEEEEE )] 107 LayoutBlockFlow {HR} at (24,992) size 576.75x2 [border: (1px inset #EEEEEE )]
108 LayoutBlockFlow {DIV} at (2,1018) size 314x364 [border: (5px solid #800080 )] 108 LayoutBlockFlow {DIV} at (2,1018) size 314x364 [border: (5px solid #800080 )]
109 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [b order: (1px solid #00FF00)] 109 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [b order: (1px solid #00FF00)]
110 LayoutText {#text} at (17,17) size 159x39 110 LayoutText {#text} at (17,17) size 159x39
111 text run at (17,17) width 120: "This is a left-floating" 111 text run at (17,17) width 120: "This is a left-floating"
112 text run at (17,37) width 159: "paragraph (first in source)." 112 text run at (17,37) width 159: "paragraph (first in source)."
113 LayoutBlockFlow (floating) {P} at (115,79) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] 113 LayoutBlockFlow (floating) {P} at (115,79) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
114 LayoutText {#text} at (17,17) size 128x59 114 LayoutText {#text} at (17,17) size 128x59
115 text run at (17,17) width 128: "This is a right-floating" 115 text run at (17,17) width 128: "This is a right-floating"
116 text run at (17,37) width 127: "paragraph (second in" 116 text run at (17,37) width 127: "paragraph (second in"
117 text run at (17,57) width 49: "source)." 117 text run at (17,57) width 49: "source)."
(...skipping 10 matching lines...) Expand all
128 text run at (5,179) width 278: "means that the borders of the floating elements" 128 text run at (5,179) width 278: "means that the borders of the floating elements"
129 text run at (5,199) width 291: "should not overlap the top or side bor ders of the" 129 text run at (5,199) width 291: "should not overlap the top or side bor ders of the"
130 text run at (5,219) width 103: "DIV in any way. " 130 text run at (5,219) width 103: "DIV in any way. "
131 text run at (108,219) width 163: "In addition, they should not" 131 text run at (108,219) width 163: "In addition, they should not"
132 text run at (5,239) width 273: "overlap each other in any way, nor sho uld the" 132 text run at (5,239) width 273: "overlap each other in any way, nor sho uld the"
133 text run at (5,259) width 290: "floated elements be overwritten by the DIV text." 133 text run at (5,259) width 290: "floated elements be overwritten by the DIV text."
134 text run at (5,279) width 276: "In addition, the floated elements shou ld not be" 134 text run at (5,279) width 276: "In addition, the floated elements shou ld not be"
135 text run at (5,299) width 303: "side-by-side, but instead the first sh ould be floated" 135 text run at (5,299) width 303: "side-by-side, but instead the first sh ould be floated"
136 text run at (5,319) width 293: "left, and the second floated to the ri ght below the" 136 text run at (5,319) width 293: "left, and the second floated to the ri ght below the"
137 text run at (5,339) width 26: "first." 137 text run at (5,339) width 26: "first."
138 LayoutBlockFlow {HR} at (364.28,1390) size 40.44x2 [border: (1px inset #EE EEEE)] 138 LayoutBlockFlow {HR} at (365.28,1390) size 38.44x2 [border: (1px inset #EE EEEE)]
139 LayoutBlockFlow {DIV} at (2,1400) size 410x246 [border: (5px solid #800080 )] 139 LayoutBlockFlow {DIV} at (2,1400) size 410x246 [border: (5px solid #800080 )]
140 LayoutImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)] 140 LayoutImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)]
141 LayoutImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)] 141 LayoutImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)]
142 LayoutText {#text} at (261,5) size 400x235 142 LayoutText {#text} at (261,5) size 400x235
143 text run at (261,5) width 125: "This is text within the" 143 text run at (261,5) width 125: "This is text within the"
144 text run at (5,41) width 35: "DIV. " 144 text run at (5,41) width 35: "DIV. "
145 text run at (40,41) width 70: "The floating" 145 text run at (40,41) width 70: "The floating"
146 text run at (5,61) width 135: "images within this DIV" 146 text run at (5,61) width 135: "images within this DIV"
147 text run at (5,81) width 362: "should not go beyond the left or right inner edge of this DIV," 147 text run at (5,81) width 362: "should not go beyond the left or right inner edge of this DIV,"
148 text run at (5,101) width 372: "which means that the borders of the fl oating images should not" 148 text run at (5,101) width 372: "which means that the borders of the fl oating images should not"
149 text run at (5,121) width 332: "overlap the top or side borders of the DIV in any way. " 149 text run at (5,121) width 332: "overlap the top or side borders of the DIV in any way. "
150 text run at (337,121) width 68: "In addition," 150 text run at (337,121) width 68: "In addition,"
151 text run at (5,141) width 368: "they should not overlap each other in any way, nor should the" 151 text run at (5,141) width 368: "they should not overlap each other in any way, nor should the"
152 text run at (5,161) width 294: "floated elements be overwritten by the DIV text. " 152 text run at (5,161) width 294: "floated elements be overwritten by the DIV text. "
153 text run at (299,161) width 90: "In addition, the" 153 text run at (299,161) width 90: "In addition, the"
154 text run at (5,181) width 371: "floated images should not be side-by-s ide, but instead the first" 154 text run at (5,181) width 371: "floated images should not be side-by-s ide, but instead the first"
155 text run at (5,201) width 400: "should be floated left, and the second floated to the right below the" 155 text run at (5,201) width 400: "should be floated left, and the second floated to the right below the"
156 text run at (5,221) width 26: "first." 156 text run at (5,221) width 26: "first."
157 LayoutBlockFlow {HR} at (24,1670) size 578.75x2 [border: (1px inset #EEEEE E)] 157 LayoutBlockFlow {HR} at (24,1670) size 576.75x2 [border: (1px inset #EEEEE E)]
158 LayoutBlockFlow {DIV} at (2,1696) size 765x130 [border: (5px solid #800080 )] 158 LayoutBlockFlow {DIV} at (2,1696) size 765x130 [border: (5px solid #800080 )]
159 LayoutBlockFlow (floating) {P} at (566,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] 159 LayoutBlockFlow (floating) {P} at (566,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
160 LayoutText {#text} at (17,17) size 159x39 160 LayoutText {#text} at (17,17) size 159x39
161 text run at (17,17) width 128: "This is a right-floating" 161 text run at (17,17) width 128: "This is a right-floating"
162 text run at (17,37) width 159: "paragraph (first in source)." 162 text run at (17,37) width 159: "paragraph (first in source)."
163 LayoutBlockFlow (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [b order: (1px solid #00FF00)] 163 LayoutBlockFlow (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [b order: (1px solid #00FF00)]
164 LayoutText {#text} at (17,17) size 127x59 164 LayoutText {#text} at (17,17) size 127x59
165 text run at (17,17) width 120: "This is a left-floating" 165 text run at (17,17) width 120: "This is a left-floating"
166 text run at (17,37) width 127: "paragraph (second in" 166 text run at (17,37) width 127: "paragraph (second in"
167 text run at (17,57) width 49: "source)." 167 text run at (17,57) width 49: "source)."
168 LayoutText {#text} at (199,5) size 745x119 168 LayoutText {#text} at (199,5) size 745x119
169 text run at (199,5) width 164: "This is text within the DIV. " 169 text run at (199,5) width 164: "This is text within the DIV. "
170 text run at (363,5) width 189: "The floating elements within this" 170 text run at (363,5) width 189: "The floating elements within this"
171 text run at (199,25) width 349: "DIV should not go beyond the top side of this DIV, which" 171 text run at (199,25) width 349: "DIV should not go beyond the top side of this DIV, which"
172 text run at (199,45) width 344: "means that the borders of the floatin g elements should not" 172 text run at (199,45) width 344: "means that the borders of the floatin g elements should not"
173 text run at (199,65) width 332: "overlap the top or side borders of th e DIV in any way. " 173 text run at (199,65) width 332: "overlap the top or side borders of th e DIV in any way. "
174 text run at (531,65) width 12: "In" 174 text run at (531,65) width 12: "In"
175 text run at (199,85) width 551: "addition, the top of the left-floatin g box should not be higher than the top of the right-floating" 175 text run at (199,85) width 551: "addition, the top of the left-floatin g box should not be higher than the top of the right-floating"
176 text run at (5,105) width 27: "box." 176 text run at (5,105) width 27: "box."
177 LayoutBlockFlow {HR} at (364.28,1834) size 40.44x2 [border: (1px inset #EE EEEE)] 177 LayoutBlockFlow {HR} at (365.28,1834) size 38.44x2 [border: (1px inset #EE EEEE)]
178 LayoutBlockFlow {DIV} at (2,1844) size 765x70 [border: (5px solid #800080) ] 178 LayoutBlockFlow {DIV} at (2,1844) size 765x70 [border: (5px solid #800080) ]
179 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] 179 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
180 LayoutImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] 180 LayoutImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)]
181 LayoutText {#text} at (20,5) size 710x59 181 LayoutText {#text} at (20,5) size 710x59
182 text run at (20,5) width 164: "This is text within the DIV. " 182 text run at (20,5) width 164: "This is text within the DIV. "
183 text run at (184,5) width 531: "The floating images within this DIV sh ould not go beyond the top side of this DIV, which" 183 text run at (184,5) width 531: "The floating images within this DIV sh ould not go beyond the top side of this DIV, which"
184 text run at (20,25) width 669: "means that the borders of the floating images should not overlap the top or side borders of the DIV in any way. " 184 text run at (20,25) width 669: "means that the borders of the floating images should not overlap the top or side borders of the DIV in any way. "
185 text run at (689,25) width 12: "In" 185 text run at (689,25) width 12: "In"
186 text run at (5,45) width 606: "addition, the top of the left-floating image should not be higher than the top of the right-floating image." 186 text run at (5,45) width 606: "addition, the top of the left-floating image should not be higher than the top of the right-floating image."
187 LayoutBlockFlow {HR} at (24,1938) size 578.75x2 [border: (1px inset #EEEEE E)] 187 LayoutBlockFlow {HR} at (24,1938) size 576.75x2 [border: (1px inset #EEEEE E)]
188 LayoutBlockFlow {DIV} at (2,1964) size 765x130 [border: (5px solid #800080 )] 188 LayoutBlockFlow {DIV} at (2,1964) size 765x130 [border: (5px solid #800080 )]
189 LayoutText {#text} at (199,5) size 172x19 189 LayoutText {#text} at (199,5) size 172x19
190 text run at (199,5) width 164: "This is text within the DIV. " 190 text run at (199,5) width 164: "This is text within the DIV. "
191 text run at (363,5) width 8: "*" 191 text run at (363,5) width 8: "*"
192 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [b order: (1px solid #00FF00)] 192 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [b order: (1px solid #00FF00)]
193 LayoutText {#text} at (17,17) size 159x39 193 LayoutText {#text} at (17,17) size 159x39
194 text run at (17,17) width 120: "This is a left-floating" 194 text run at (17,17) width 120: "This is a left-floating"
195 text run at (17,37) width 159: "paragraph (first in source)." 195 text run at (17,37) width 159: "paragraph (first in source)."
196 LayoutText {#text} at (371,5) size 546x39 196 LayoutText {#text} at (371,5) size 546x39
197 text run at (371,5) width 374: " The floating elements within this DIV should not go any higher" 197 text run at (371,5) width 374: " The floating elements within this DIV should not go any higher"
198 text run at (199,25) width 407: "than the line-box containing the inli ne content which precedes them. " 198 text run at (199,25) width 407: "than the line-box containing the inli ne content which precedes them. "
199 text run at (606,25) width 12: "* " 199 text run at (606,25) width 12: "* "
200 LayoutBlockFlow (floating) {P} at (566,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] 200 LayoutBlockFlow (floating) {P} at (566,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
201 LayoutText {#text} at (17,17) size 128x59 201 LayoutText {#text} at (17,17) size 128x59
202 text run at (17,17) width 128: "This is a right-floating" 202 text run at (17,17) width 128: "This is a right-floating"
203 text run at (17,37) width 127: "paragraph (second in" 203 text run at (17,37) width 127: "paragraph (second in"
204 text run at (17,57) width 49: "source)." 204 text run at (17,57) width 49: "source)."
205 LayoutText {#text} at (618,25) size 752x99 205 LayoutText {#text} at (618,25) size 752x99
206 text run at (618,25) width 139: "This means that the top" 206 text run at (618,25) width 139: "This means that the top"
207 text run at (199,45) width 359: "side of each float can be, at most, a s high as the top edge of" 207 text run at (199,45) width 359: "side of each float can be, at most, a s high as the top edge of"
208 text run at (199,65) width 326: "the inline element containing the con tent just before the" 208 text run at (199,65) width 326: "the inline element containing the con tent just before the"
209 text run at (5,85) width 225: "floating elements occur in the source. " 209 text run at (5,85) width 225: "floating elements occur in the source. "
210 text run at (230,85) width 314: "In order to mark these points clearly , an asterisk has" 210 text run at (230,85) width 314: "In order to mark these points clearly , an asterisk has"
211 text run at (5,105) width 279: "been inserted just before each floated element." 211 text run at (5,105) width 279: "been inserted just before each floated element."
212 LayoutBlockFlow {HR} at (364.28,2103) size 40.44x2 [border: (1px inset #EE EEEE)] 212 LayoutBlockFlow {HR} at (365.28,2103) size 38.44x2 [border: (1px inset #EE EEEE)]
213 LayoutBlockFlow {DIV} at (2,2113) size 765x90 [border: (5px solid #800080) ] 213 LayoutBlockFlow {DIV} at (2,2113) size 765x90 [border: (5px solid #800080) ]
214 LayoutText {#text} at (20,5) size 172x19 214 LayoutText {#text} at (20,5) size 172x19
215 text run at (20,5) width 164: "This is text within the DIV. " 215 text run at (20,5) width 164: "This is text within the DIV. "
216 text run at (184,5) width 8: "*" 216 text run at (184,5) width 8: "*"
217 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] 217 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
218 LayoutText {#text} at (192,5) size 725x39 218 LayoutText {#text} at (192,5) size 725x39
219 text run at (192,5) width 553: " The floating images within this DIV s hould not go any higher than the line-box containing the" 219 text run at (192,5) width 553: " The floating images within this DIV s hould not go any higher than the line-box containing the"
220 text run at (20,25) width 217: "inline content which precedes them. " 220 text run at (20,25) width 217: "inline content which precedes them. "
221 text run at (237,25) width 12: "* " 221 text run at (237,25) width 12: "* "
222 LayoutImage {IMG} at (745,25) size 15x36 [border: (3px solid #000000)] 222 LayoutImage {IMG} at (745,25) size 15x36 [border: (3px solid #000000)]
223 LayoutText {#text} at (249,25) size 735x59 223 LayoutText {#text} at (249,25) size 735x59
224 text run at (249,25) width 486: "This means that the top side of each float can be, at most, as high as the top edge" 224 text run at (249,25) width 486: "This means that the top side of each float can be, at most, as high as the top edge"
225 text run at (5,45) width 560: "of the inline element containing the co ntent just before the floating images occur in the source. " 225 text run at (5,45) width 560: "of the inline element containing the co ntent just before the floating images occur in the source. "
226 text run at (565,45) width 175: "In order to mark these points" 226 text run at (565,45) width 175: "In order to mark these points"
227 text run at (5,65) width 407: "clearly, an asterisk has been inserted just before each floated image." 227 text run at (5,65) width 407: "clearly, an asterisk has been inserted just before each floated image."
228 LayoutBlockFlow {HR} at (24,2227) size 578.75x2 [border: (1px inset #EEEEE E)] 228 LayoutBlockFlow {HR} at (24,2227) size 576.75x2 [border: (1px inset #EEEEE E)]
229 LayoutBlockFlow {DIV} at (2,2253) size 765x230 [border: (5px solid #800080 )] 229 LayoutBlockFlow {DIV} at (2,2253) size 765x230 [border: (5px solid #800080 )]
230 LayoutText {#text} at (199,5) size 172x19 230 LayoutText {#text} at (199,5) size 172x19
231 text run at (199,5) width 164: "This is text within the DIV. " 231 text run at (199,5) width 164: "This is text within the DIV. "
232 text run at (363,5) width 8: "*" 232 text run at (363,5) width 8: "*"
233 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [b order: (1px solid #00FF00)] 233 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [b order: (1px solid #00FF00)]
234 LayoutText {#text} at (17,17) size 159x39 234 LayoutText {#text} at (17,17) size 159x39
235 text run at (17,17) width 120: "This is a left-floating" 235 text run at (17,17) width 120: "This is a left-floating"
236 text run at (17,37) width 159: "paragraph (first in source)." 236 text run at (17,37) width 159: "paragraph (first in source)."
237 LayoutText {#text} at (371,5) size 546x39 237 LayoutText {#text} at (371,5) size 546x39
238 text run at (371,5) width 374: " The floating elements within this DIV should not go any higher" 238 text run at (371,5) width 374: " The floating elements within this DIV should not go any higher"
(...skipping 24 matching lines...) Expand all
263 LayoutText {#text} at (17,17) size 120x59 263 LayoutText {#text} at (17,17) size 120x59
264 text run at (17,17) width 120: "This is a left-floating" 264 text run at (17,17) width 120: "This is a left-floating"
265 text run at (17,37) width 119: "paragraph (fourth in" 265 text run at (17,37) width 119: "paragraph (fourth in"
266 text run at (17,57) width 49: "source)." 266 text run at (17,57) width 49: "source)."
267 LayoutText {#text} at (329,145) size 557x79 267 LayoutText {#text} at (329,145) size 557x79
268 text run at (329,145) width 427: " In order to mark these points clear ly, an asterisk has been inserted just" 268 text run at (329,145) width 427: " In order to mark these points clear ly, an asterisk has been inserted just"
269 text run at (199,165) width 174: "before each floated element. " 269 text run at (199,165) width 174: "before each floated element. "
270 text run at (373,165) width 379: "If a line has room for a floated ele ment, then the element should" 270 text run at (373,165) width 379: "If a line has room for a floated ele ment, then the element should"
271 text run at (199,185) width 517: "float so that its top is aligned wit h the top of the line-box in which the asterisk appears." 271 text run at (199,185) width 517: "float so that its top is aligned wit h the top of the line-box in which the asterisk appears."
272 text run at (199,205) width 380: "Otherwise, its top should align with the top of the next line-box." 272 text run at (199,205) width 380: "Otherwise, its top should align with the top of the next line-box."
273 LayoutBlockFlow {HR} at (364.28,2492) size 40.44x2 [border: (1px inset #EE EEEE)] 273 LayoutBlockFlow {HR} at (365.28,2492) size 38.44x2 [border: (1px inset #EE EEEE)]
274 LayoutBlockFlow {DIV} at (2,2502) size 765x130 [border: (5px solid #800080 )] 274 LayoutBlockFlow {DIV} at (2,2502) size 765x130 [border: (5px solid #800080 )]
275 LayoutText {#text} at (20,5) size 172x19 275 LayoutText {#text} at (20,5) size 172x19
276 text run at (20,5) width 164: "This is text within the DIV. " 276 text run at (20,5) width 164: "This is text within the DIV. "
277 text run at (184,5) width 8: "*" 277 text run at (184,5) width 8: "*"
278 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] 278 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
279 LayoutText {#text} at (192,5) size 710x39 279 LayoutText {#text} at (192,5) size 710x39
280 text run at (192,5) width 553: " The floating images within this DIV s hould not go any higher than the line-box containing the" 280 text run at (192,5) width 553: " The floating images within this DIV s hould not go any higher than the line-box containing the"
281 text run at (35,25) width 217: "inline content which precedes them. " 281 text run at (35,25) width 217: "inline content which precedes them. "
282 text run at (252,25) width 12: "* " 282 text run at (252,25) width 12: "* "
283 LayoutImage {IMG} at (745,25) size 15x36 [border: (3px solid #000000)] 283 LayoutImage {IMG} at (745,25) size 15x36 [border: (3px solid #000000)]
284 LayoutText {#text} at (264,25) size 305x19 284 LayoutText {#text} at (264,25) size 305x19
285 text run at (264,25) width 297: "This means that the top side of each float can be, " 285 text run at (264,25) width 297: "This means that the top side of each float can be, "
286 text run at (561,25) width 8: "*" 286 text run at (561,25) width 8: "*"
287 LayoutImage {IMG} at (20,25) size 15x36 [border: (3px solid #000000)] 287 LayoutImage {IMG} at (20,25) size 15x36 [border: (3px solid #000000)]
288 LayoutText {#text} at (569,25) size 679x39 288 LayoutText {#text} at (569,25) size 679x39
289 text run at (569,25) width 160: " at most, as high as the top" 289 text run at (569,25) width 160: " at most, as high as the top"
290 text run at (50,45) width 593: "edge of the inline element containing the content just before the floating images occur in the source. " 290 text run at (50,45) width 593: "edge of the inline element containing the content just before the floating images occur in the source. "
291 text run at (643,45) width 8: "*" 291 text run at (643,45) width 8: "*"
292 LayoutImage {IMG} at (35,45) size 15x36 [border: (3px solid #000000)] 292 LayoutImage {IMG} at (35,45) size 15x36 [border: (3px solid #000000)]
293 LayoutText {#text} at (651,45) size 747x79 293 LayoutText {#text} at (651,45) size 747x79
294 text run at (651,45) width 69: " In order to" 294 text run at (651,45) width 69: " In order to"
295 text run at (50,65) width 521: "mark these points clearly, an asterisk has been inserted just before each floated image. " 295 text run at (50,65) width 521: "mark these points clearly, an asterisk has been inserted just before each floated image. "
296 text run at (571,65) width 181: "If a line has room for a floated" 296 text run at (571,65) width 181: "If a line has room for a floated"
297 text run at (5,85) width 693: "image, then the image should float so t hat its top is aligned with the top of the line-box in which the asterisk appear s." 297 text run at (5,85) width 693: "image, then the image should float so t hat its top is aligned with the top of the line-box in which the asterisk appear s."
298 text run at (5,105) width 380: "Otherwise, its top should align with t he top of the next line-box." 298 text run at (5,105) width 380: "Otherwise, its top should align with t he top of the next line-box."
299 LayoutBlockFlow {HR} at (24,2656) size 578.75x2 [border: (1px inset #EEEEE E)] 299 LayoutBlockFlow {HR} at (24,2656) size 576.75x2 [border: (1px inset #EEEEE E)]
300 LayoutBlockFlow {DIV} at (2,2682) size 490x310 [border: (5px solid #800080 )] 300 LayoutBlockFlow {DIV} at (2,2682) size 490x310 [border: (5px solid #800080 )]
301 LayoutText {#text} at (199,5) size 50x19 301 LayoutText {#text} at (199,5) size 50x19
302 text run at (199,5) width 50: "This is *" 302 text run at (199,5) width 50: "This is *"
303 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [b order: (1px solid #00FF00)] 303 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [b order: (1px solid #00FF00)]
304 LayoutText {#text} at (17,17) size 159x39 304 LayoutText {#text} at (17,17) size 159x39
305 text run at (17,17) width 120: "This is a left-floating" 305 text run at (17,17) width 120: "This is a left-floating"
306 text run at (17,37) width 159: "paragraph (first in source)." 306 text run at (17,37) width 159: "paragraph (first in source)."
307 LayoutText {#text} at (249,5) size 12x19 307 LayoutText {#text} at (249,5) size 12x19
308 text run at (249,5) width 12: " *" 308 text run at (249,5) width 12: " *"
309 LayoutBlockFlow (floating) {P} at (291,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] 309 LayoutBlockFlow (floating) {P} at (291,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
(...skipping 11 matching lines...) Expand all
321 text run at (5,125) width 184: "border of the floating element. " 321 text run at (5,125) width 184: "border of the floating element. "
322 text run at (189,125) width 266: "Similarly, the right floating elemen t should be" 322 text run at (189,125) width 266: "Similarly, the right floating elemen t should be"
323 text run at (5,145) width 465: "placed in the upper right corner of th e DIV, and the purple border of the DIV" 323 text run at (5,145) width 465: "placed in the upper right corner of th e DIV, and the purple border of the DIV"
324 text run at (5,165) width 434: "should abut the green border of the fl oating element. The text of the DIV" 324 text run at (5,165) width 434: "should abut the green border of the fl oating element. The text of the DIV"
325 text run at (5,185) width 448: "element should flow between and under the two floating elements. The two" 325 text run at (5,185) width 448: "element should flow between and under the two floating elements. The two"
326 text run at (5,205) width 434: "asterisk characters mark the insertion points of the floating elements. It is" 326 text run at (5,205) width 434: "asterisk characters mark the insertion points of the floating elements. It is"
327 text run at (5,225) width 460: "expected that, under future specificat ions, it may be acceptable for the top of" 327 text run at (5,225) width 460: "expected that, under future specificat ions, it may be acceptable for the top of"
328 text run at (5,245) width 478: "floated elements to align with the top of the line-box following the insertion point" 328 text run at (5,245) width 478: "floated elements to align with the top of the line-box following the insertion point"
329 text run at (5,265) width 456: "of the floated element to avoid floati ng elements appearing before text which" 329 text run at (5,265) width 456: "of the floated element to avoid floati ng elements appearing before text which"
330 text run at (5,285) width 213: "precedes it in the source document." 330 text run at (5,285) width 213: "precedes it in the source document."
331 LayoutBlockFlow {HR} at (364.28,3000) size 40.44x2 [border: (1px inset #EE EEEE)] 331 LayoutBlockFlow {HR} at (365.28,3000) size 38.44x2 [border: (1px inset #EE EEEE)]
332 LayoutBlockFlow {DIV} at (2,3010) size 490x230 [border: (5px solid #800080 )] 332 LayoutBlockFlow {DIV} at (2,3010) size 490x230 [border: (5px solid #800080 )]
333 LayoutText {#text} at (20,5) size 50x19 333 LayoutText {#text} at (20,5) size 50x19
334 text run at (20,5) width 50: "This is *" 334 text run at (20,5) width 50: "This is *"
335 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] 335 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
336 LayoutText {#text} at (70,5) size 12x19 336 LayoutText {#text} at (70,5) size 12x19
337 text run at (70,5) width 12: " *" 337 text run at (70,5) width 12: " *"
338 LayoutImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)] 338 LayoutImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)]
339 LayoutText {#text} at (82,5) size 479x219 339 LayoutText {#text} at (82,5) size 479x219
340 text run at (82,5) width 126: " text within the DIV. " 340 text run at (82,5) width 126: " text within the DIV. "
341 text run at (208,5) width 256: "Under CSS1, the left floating image sh ould" 341 text run at (208,5) width 256: "Under CSS1, the left floating image sh ould"
342 text run at (20,25) width 445: "be placed in the upper left corner of the DIV, and the purple border of the" 342 text run at (20,25) width 445: "be placed in the upper left corner of the DIV, and the purple border of the"
343 text run at (5,45) width 336: "DIV should abut the green border of the floating image. " 343 text run at (5,45) width 336: "DIV should abut the green border of the floating image. "
344 text run at (341,45) width 107: "Similarly, the right" 344 text run at (341,45) width 107: "Similarly, the right"
345 text run at (5,65) width 457: "floating image should be placed in the upper right corner of the DIV, and the" 345 text run at (5,65) width 457: "floating image should be placed in the upper right corner of the DIV, and the"
346 text run at (5,85) width 457: "purple border of the DIV should abut th e green border of the floating image." 346 text run at (5,85) width 457: "purple border of the DIV should abut th e green border of the floating image."
347 text run at (5,105) width 456: "The text of the DIV element should flo w between and under the two floating" 347 text run at (5,105) width 456: "The text of the DIV element should flo w between and under the two floating"
348 text run at (5,125) width 445: "image. The two asterisk characters mar k the insertion points of the floating" 348 text run at (5,125) width 445: "image. The two asterisk characters mar k the insertion points of the floating"
349 text run at (5,145) width 43: "image. " 349 text run at (5,145) width 43: "image. "
350 text run at (48,145) width 424: "It is expected that, under future spe cifications, it may be acceptable for" 350 text run at (48,145) width 424: "It is expected that, under future spe cifications, it may be acceptable for"
351 text run at (5,165) width 452: "the top of floated elements to align w ith the top of the line-box following the" 351 text run at (5,165) width 452: "the top of floated elements to align w ith the top of the line-box following the"
352 text run at (5,185) width 479: "insertion point of the floated element to avoid floating elements appearing before" 352 text run at (5,185) width 479: "insertion point of the floated element to avoid floating elements appearing before"
353 text run at (5,205) width 278: "text which precedes it in the source d ocument." 353 text run at (5,205) width 278: "text which precedes it in the source d ocument."
354 LayoutBlockFlow {HR} at (24,3264) size 578.75x2 [border: (1px inset #EEEEE E)] 354 LayoutBlockFlow {HR} at (24,3264) size 576.75x2 [border: (1px inset #EEEEE E)]
355 LayoutTable {TABLE} at (0,3290) size 769x3195 [border: (1px outset #808080 )] 355 LayoutTable {TABLE} at (0,3290) size 769x3195 [border: (1px outset #808080 )]
356 LayoutTableSection {TBODY} at (1,1) size 767x3193 356 LayoutTableSection {TBODY} at (1,1) size 767x3193
357 LayoutTableRow {TR} at (0,0) size 767x28 357 LayoutTableRow {TR} at (0,0) size 767x28
358 LayoutTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2] 358 LayoutTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
359 LayoutInline {STRONG} at (0,0) size 159x19 359 LayoutInline {STRONG} at (0,0) size 159x19
360 LayoutText {#text} at (4,4) size 159x19 360 LayoutText {#text} at (4,4) size 159x19
361 text run at (4,4) width 159: "TABLE Testing Section" 361 text run at (4,4) width 159: "TABLE Testing Section"
362 LayoutTableRow {TR} at (0,28) size 767x3165 362 LayoutTableRow {TR} at (0,28) size 767x3165
363 LayoutTableCell {TD} at (0,1596) size 12x28 [bgcolor=#C0C0C0] [borde r: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] 363 LayoutTableCell {TD} at (0,1596) size 12x28 [bgcolor=#C0C0C0] [borde r: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
364 LayoutText {#text} at (4,4) size 4x19 364 LayoutText {#text} at (4,4) size 4x19
365 text run at (4,4) width 4: " " 365 text run at (4,4) width 4: " "
366 LayoutTableCell {TD} at (12,28) size 755x3165 [border: (1px inset #8 08080)] [r=1 c=1 rs=1 cs=1] 366 LayoutTableCell {TD} at (12,28) size 755x3165 [border: (1px inset #8 08080)] [r=1 c=1 rs=1 cs=1]
367 LayoutBlockFlow {P} at (4,4) size 747x40 367 LayoutBlockFlow {P} at (4,4) size 747x40
368 LayoutText {#text} at (0,0) size 731x39 368 LayoutText {#text} at (0,0) size 731x39
369 text run at (0,0) width 645: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. " 369 text run at (0,0) width 645: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
370 text run at (645,0) width 86: "Other than the" 370 text run at (645,0) width 86: "Other than the"
371 text run at (0,20) width 690: "substitution of images for parg raphs, the structure of the test is exactly the same, including the direction of the floats." 371 text run at (0,20) width 690: "substitution of images for parg raphs, the structure of the test is exactly the same, including the direction of the floats."
372 LayoutBlockFlow {HR} at (28,68) size 562.25x2 [border: (1px inset #EEEEEE)] 372 LayoutBlockFlow {HR} at (28,68) size 560.25x2 [border: (1px inset #EEEEEE)]
373 LayoutBlockFlow {DIV} at (6,94) size 743x110 [border: (5px solid # 800080)] 373 LayoutBlockFlow {DIV} at (6,94) size 743x110 [border: (5px solid # 800080)]
374 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0 C0C0] [border: (1px solid #00FF00)] 374 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0 C0C0] [border: (1px solid #00FF00)]
375 LayoutText {#text} at (17,17) size 159x39 375 LayoutText {#text} at (17,17) size 159x39
376 text run at (17,17) width 120: "This is a left-floating" 376 text run at (17,17) width 120: "This is a left-floating"
377 text run at (17,37) width 159: "paragraph (first in source). " 377 text run at (17,37) width 159: "paragraph (first in source). "
378 LayoutBlockFlow (floating) {P} at (544,5) size 194x94 [bgcolor=# C0C0C0] [border: (1px solid #00FF00)] 378 LayoutBlockFlow (floating) {P} at (544,5) size 194x94 [bgcolor=# C0C0C0] [border: (1px solid #00FF00)]
379 LayoutText {#text} at (17,17) size 128x59 379 LayoutText {#text} at (17,17) size 128x59
380 text run at (17,17) width 128: "This is a right-floating" 380 text run at (17,17) width 128: "This is a right-floating"
381 text run at (17,37) width 127: "paragraph (second in" 381 text run at (17,37) width 127: "paragraph (second in"
382 text run at (17,57) width 49: "source)." 382 text run at (17,57) width 49: "source)."
383 LayoutText {#text} at (199,5) size 536x99 383 LayoutText {#text} at (199,5) size 536x99
384 text run at (199,5) width 164: "This is text within the DIV. " 384 text run at (199,5) width 164: "This is text within the DIV. "
385 text run at (363,5) width 165: "The floating elements within" 385 text run at (363,5) width 165: "The floating elements within"
386 text run at (199,25) width 342: "this DIV should not go beyond the left or right inner edge" 386 text run at (199,25) width 342: "this DIV should not go beyond the left or right inner edge"
387 text run at (199,45) width 336: "of this DIV, which means that the borders of the floating" 387 text run at (199,45) width 336: "of this DIV, which means that the borders of the floating"
388 text run at (199,65) width 325: "elements should not overlap t he top or side borders of" 388 text run at (199,65) width 325: "elements should not overlap t he top or side borders of"
389 text run at (5,85) width 53: "the DIV." 389 text run at (5,85) width 53: "the DIV."
390 LayoutBlockFlow {HR} at (357.83,212) size 39.34x2 [border: (1px in set #EEEEEE)] 390 LayoutBlockFlow {HR} at (358.83,212) size 37.34x2 [border: (1px in set #EEEEEE)]
391 LayoutBlockFlow {DIV} at (6,222) size 743x50 [border: (5px solid # 800080)] 391 LayoutBlockFlow {DIV} at (6,222) size 743x50 [border: (5px solid # 800080)]
392 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)] 392 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)]
393 LayoutImage {IMG} at (723,5) size 15x36 [border: (3px solid #000 000)] 393 LayoutImage {IMG} at (723,5) size 15x36 [border: (3px solid #000 000)]
394 LayoutText {#text} at (20,5) size 695x39 394 LayoutText {#text} at (20,5) size 695x39
395 text run at (20,5) width 164: "This is text within the DIV. " 395 text run at (20,5) width 164: "This is text within the DIV. "
396 text run at (184,5) width 516: "The floating images within thi s DIV should not go beyond the left or right inner edge of" 396 text run at (184,5) width 516: "The floating images within thi s DIV should not go beyond the left or right inner edge of"
397 text run at (20,25) width 695: "this DIV, which means that the borders of the floating images should not overlap the top or side borders of th e DIV." 397 text run at (20,25) width 695: "this DIV, which means that the borders of the floating images should not overlap the top or side borders of th e DIV."
398 LayoutBlockFlow {HR} at (28,296) size 562.25x2 [border: (1px inset #EEEEEE)] 398 LayoutBlockFlow {HR} at (28,296) size 560.25x2 [border: (1px inset #EEEEEE)]
399 LayoutBlockFlow {DIV} at (6,322) size 442x230 [border: (5px solid #800080)] 399 LayoutBlockFlow {DIV} at (6,322) size 442x230 [border: (5px solid #800080)]
400 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0 C0C0] [border: (1px solid #00FF00)] 400 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0 C0C0] [border: (1px solid #00FF00)]
401 LayoutText {#text} at (17,17) size 157x39 401 LayoutText {#text} at (17,17) size 157x39
402 text run at (17,17) width 157: "This is the first left-float ing" 402 text run at (17,17) width 157: "This is the first left-float ing"
403 text run at (17,37) width 65: "paragraph." 403 text run at (17,37) width 65: "paragraph."
404 LayoutBlockFlow (floating) {P} at (199,5) size 194x74 [bgcolor=# C0C0C0] [border: (1px solid #00FF00)] 404 LayoutBlockFlow (floating) {P} at (199,5) size 194x74 [bgcolor=# C0C0C0] [border: (1px solid #00FF00)]
405 LayoutText {#text} at (17,17) size 135x39 405 LayoutText {#text} at (17,17) size 135x39
406 text run at (17,17) width 135: "This is the second left-" 406 text run at (17,17) width 135: "This is the second left-"
407 text run at (17,37) width 112: "floating paragraph." 407 text run at (17,37) width 112: "floating paragraph."
408 LayoutBlockFlow (floating) {P} at (5,79) size 194x74 [bgcolor=#C 0C0C0] [border: (1px solid #00FF00)] 408 LayoutBlockFlow (floating) {P} at (5,79) size 194x74 [bgcolor=#C 0C0C0] [border: (1px solid #00FF00)]
409 LayoutText {#text} at (17,17) size 119x39 409 LayoutText {#text} at (17,17) size 119x39
410 text run at (17,17) width 119: "This is the third left-" 410 text run at (17,17) width 119: "This is the third left-"
411 text run at (17,37) width 112: "floating paragraph." 411 text run at (17,37) width 112: "floating paragraph."
412 LayoutText {#text} at (393,5) size 426x219 412 LayoutText {#text} at (393,5) size 426x219
413 text run at (393,5) width 38: "This is" 413 text run at (393,5) width 38: "This is"
414 text run at (393,25) width 22: "text" 414 text run at (393,25) width 22: "text"
415 text run at (393,45) width 35: "within" 415 text run at (393,45) width 35: "within"
416 text run at (393,65) width 18: "the" 416 text run at (393,65) width 18: "the"
417 text run at (199,85) width 35: "DIV. " 417 text run at (199,85) width 35: "DIV. "
418 text run at (234,85) width 189: "The floating elements within this" 418 text run at (234,85) width 189: "The floating elements within this"
419 text run at (199,105) width 222: "DIV should not go beyond the left or" 419 text run at (199,105) width 222: "DIV should not go beyond the left or"
420 text run at (199,125) width 206: "right inner edge of this DIV , which" 420 text run at (199,125) width 206: "right inner edge of this DIV , which"
421 text run at (199,145) width 222: "means that the borders of th e floating" 421 text run at (199,145) width 222: "means that the borders of th e floating"
422 text run at (5,165) width 417: "elements should not overlap th e top or side borders of the DIV in any" 422 text run at (5,165) width 417: "elements should not overlap th e top or side borders of the DIV in any"
423 text run at (5,185) width 33: "way. " 423 text run at (5,185) width 33: "way. "
424 text run at (38,185) width 287: "In addition, they should not overlap each other. " 424 text run at (38,185) width 287: "In addition, they should not overlap each other. "
425 text run at (325,185) width 76: "The first two" 425 text run at (325,185) width 76: "The first two"
426 text run at (5,205) width 414: "should be side by side, wherea s the third should be on the next \"line.\"" 426 text run at (5,205) width 414: "should be side by side, wherea s the third should be on the next \"line.\""
427 LayoutBlockFlow {HR} at (357.83,560) size 39.34x2 [border: (1px in set #EEEEEE)] 427 LayoutBlockFlow {HR} at (358.83,560) size 37.34x2 [border: (1px in set #EEEEEE)]
428 LayoutBlockFlow {DIV} at (6,570) size 360x210 [border: (5px solid #800080)] 428 LayoutBlockFlow {DIV} at (6,570) size 360x210 [border: (5px solid #800080)]
429 LayoutImage {IMG} at (5,5) size 156x36 [border: (3px solid #0000 00)] 429 LayoutImage {IMG} at (5,5) size 156x36 [border: (3px solid #0000 00)]
430 LayoutImage {IMG} at (161,5) size 156x36 [border: (3px solid #00 0000)] 430 LayoutImage {IMG} at (161,5) size 156x36 [border: (3px solid #00 0000)]
431 LayoutImage {IMG} at (5,41) size 156x36 [border: (3px solid #000 000)] 431 LayoutImage {IMG} at (5,41) size 156x36 [border: (3px solid #000 000)]
432 LayoutText {#text} at (317,5) size 350x199 432 LayoutText {#text} at (317,5) size 350x199
433 text run at (317,5) width 38: "This is" 433 text run at (317,5) width 38: "This is"
434 text run at (317,25) width 22: "text" 434 text run at (317,25) width 22: "text"
435 text run at (161,45) width 96: "within the DIV. " 435 text run at (161,45) width 96: "within the DIV. "
436 text run at (257,45) width 70: "The floating" 436 text run at (257,45) width 70: "The floating"
437 text run at (161,65) width 178: "images within this DIV should " 437 text run at (161,65) width 178: "images within this DIV should "
438 text run at (5,85) width 319: "not go beyond the left or right inner edge of this DIV," 438 text run at (5,85) width 319: "not go beyond the left or right inner edge of this DIV,"
439 text run at (5,105) width 349: "which means that the borders o f the floating images should" 439 text run at (5,105) width 349: "which means that the borders o f the floating images should"
440 text run at (5,125) width 318: "not overlap the top or side bo rders of the DIV in any" 440 text run at (5,125) width 318: "not overlap the top or side bo rders of the DIV in any"
441 text run at (5,145) width 33: "way. " 441 text run at (5,145) width 33: "way. "
442 text run at (38,145) width 287: "In addition, they should not overlap each other. " 442 text run at (38,145) width 287: "In addition, they should not overlap each other. "
443 text run at (325,145) width 23: "The" 443 text run at (325,145) width 23: "The"
444 text run at (5,165) width 340: "first two should be side by si de, whereas the third should" 444 text run at (5,165) width 340: "first two should be side by si de, whereas the third should"
445 text run at (5,185) width 123: "be on the next \"line.\"" 445 text run at (5,185) width 123: "be on the next \"line.\""
446 LayoutBlockFlow {HR} at (28,804) size 562.25x2 [border: (1px inset #EEEEEE)] 446 LayoutBlockFlow {HR} at (28,804) size 560.25x2 [border: (1px inset #EEEEEE)]
447 LayoutBlockFlow {DIV} at (6,830) size 314x364 [border: (5px solid #800080)] 447 LayoutBlockFlow {DIV} at (6,830) size 314x364 [border: (5px solid #800080)]
448 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0 C0C0] [border: (1px solid #00FF00)] 448 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0 C0C0] [border: (1px solid #00FF00)]
449 LayoutText {#text} at (17,17) size 159x39 449 LayoutText {#text} at (17,17) size 159x39
450 text run at (17,17) width 120: "This is a left-floating" 450 text run at (17,17) width 120: "This is a left-floating"
451 text run at (17,37) width 159: "paragraph (first in source). " 451 text run at (17,37) width 159: "paragraph (first in source). "
452 LayoutBlockFlow (floating) {P} at (115,79) size 194x94 [bgcolor= #C0C0C0] [border: (1px solid #00FF00)] 452 LayoutBlockFlow (floating) {P} at (115,79) size 194x94 [bgcolor= #C0C0C0] [border: (1px solid #00FF00)]
453 LayoutText {#text} at (17,17) size 128x59 453 LayoutText {#text} at (17,17) size 128x59
454 text run at (17,17) width 128: "This is a right-floating" 454 text run at (17,17) width 128: "This is a right-floating"
455 text run at (17,37) width 127: "paragraph (second in" 455 text run at (17,37) width 127: "paragraph (second in"
456 text run at (17,57) width 49: "source)." 456 text run at (17,57) width 49: "source)."
(...skipping 10 matching lines...) Expand all
467 text run at (5,179) width 278: "means that the borders of the floating elements" 467 text run at (5,179) width 278: "means that the borders of the floating elements"
468 text run at (5,199) width 291: "should not overlap the top or side borders of the" 468 text run at (5,199) width 291: "should not overlap the top or side borders of the"
469 text run at (5,219) width 103: "DIV in any way. " 469 text run at (5,219) width 103: "DIV in any way. "
470 text run at (108,219) width 163: "In addition, they should not " 470 text run at (108,219) width 163: "In addition, they should not "
471 text run at (5,239) width 273: "overlap each other in any way, nor should the" 471 text run at (5,239) width 273: "overlap each other in any way, nor should the"
472 text run at (5,259) width 290: "floated elements be overwritte n by the DIV text." 472 text run at (5,259) width 290: "floated elements be overwritte n by the DIV text."
473 text run at (5,279) width 276: "In addition, the floated eleme nts should not be" 473 text run at (5,279) width 276: "In addition, the floated eleme nts should not be"
474 text run at (5,299) width 303: "side-by-side, but instead the first should be floated" 474 text run at (5,299) width 303: "side-by-side, but instead the first should be floated"
475 text run at (5,319) width 293: "left, and the second floated t o the right below the" 475 text run at (5,319) width 293: "left, and the second floated t o the right below the"
476 text run at (5,339) width 26: "first." 476 text run at (5,339) width 26: "first."
477 LayoutBlockFlow {HR} at (357.83,1202) size 39.34x2 [border: (1px i nset #EEEEEE)] 477 LayoutBlockFlow {HR} at (358.83,1202) size 37.34x2 [border: (1px i nset #EEEEEE)]
478 LayoutBlockFlow {DIV} at (6,1212) size 410x246 [border: (5px solid #800080)] 478 LayoutBlockFlow {DIV} at (6,1212) size 410x246 [border: (5px solid #800080)]
479 LayoutImage {IMG} at (5,5) size 256x36 [border: (3px solid #0000 00)] 479 LayoutImage {IMG} at (5,5) size 256x36 [border: (3px solid #0000 00)]
480 LayoutImage {IMG} at (149,41) size 256x36 [border: (3px solid #0 00000)] 480 LayoutImage {IMG} at (149,41) size 256x36 [border: (3px solid #0 00000)]
481 LayoutText {#text} at (261,5) size 400x235 481 LayoutText {#text} at (261,5) size 400x235
482 text run at (261,5) width 125: "This is text within the" 482 text run at (261,5) width 125: "This is text within the"
483 text run at (5,41) width 35: "DIV. " 483 text run at (5,41) width 35: "DIV. "
484 text run at (40,41) width 70: "The floating" 484 text run at (40,41) width 70: "The floating"
485 text run at (5,61) width 135: "images within this DIV" 485 text run at (5,61) width 135: "images within this DIV"
486 text run at (5,81) width 362: "should not go beyond the left o r right inner edge of this DIV," 486 text run at (5,81) width 362: "should not go beyond the left o r right inner edge of this DIV,"
487 text run at (5,101) width 372: "which means that the borders o f the floating images should not" 487 text run at (5,101) width 372: "which means that the borders o f the floating images should not"
488 text run at (5,121) width 332: "overlap the top or side border s of the DIV in any way. " 488 text run at (5,121) width 332: "overlap the top or side border s of the DIV in any way. "
489 text run at (337,121) width 68: "In addition," 489 text run at (337,121) width 68: "In addition,"
490 text run at (5,141) width 368: "they should not overlap each o ther in any way, nor should the" 490 text run at (5,141) width 368: "they should not overlap each o ther in any way, nor should the"
491 text run at (5,161) width 294: "floated elements be overwritte n by the DIV text. " 491 text run at (5,161) width 294: "floated elements be overwritte n by the DIV text. "
492 text run at (299,161) width 90: "In addition, the" 492 text run at (299,161) width 90: "In addition, the"
493 text run at (5,181) width 371: "floated images should not be s ide-by-side, but instead the first" 493 text run at (5,181) width 371: "floated images should not be s ide-by-side, but instead the first"
494 text run at (5,201) width 400: "should be floated left, and th e second floated to the right below the" 494 text run at (5,201) width 400: "should be floated left, and th e second floated to the right below the"
495 text run at (5,221) width 26: "first." 495 text run at (5,221) width 26: "first."
496 LayoutBlockFlow {HR} at (28,1482) size 562.25x2 [border: (1px inse t #EEEEEE)] 496 LayoutBlockFlow {HR} at (28,1482) size 560.25x2 [border: (1px inse t #EEEEEE)]
497 LayoutBlockFlow {DIV} at (6,1508) size 743x130 [border: (5px solid #800080)] 497 LayoutBlockFlow {DIV} at (6,1508) size 743x130 [border: (5px solid #800080)]
498 LayoutBlockFlow (floating) {P} at (544,5) size 194x74 [bgcolor=# C0C0C0] [border: (1px solid #00FF00)] 498 LayoutBlockFlow (floating) {P} at (544,5) size 194x74 [bgcolor=# C0C0C0] [border: (1px solid #00FF00)]
499 LayoutText {#text} at (17,17) size 159x39 499 LayoutText {#text} at (17,17) size 159x39
500 text run at (17,17) width 128: "This is a right-floating" 500 text run at (17,17) width 128: "This is a right-floating"
501 text run at (17,37) width 159: "paragraph (first in source). " 501 text run at (17,37) width 159: "paragraph (first in source). "
502 LayoutBlockFlow (floating) {P} at (5,5) size 194x94 [bgcolor=#C0 C0C0] [border: (1px solid #00FF00)] 502 LayoutBlockFlow (floating) {P} at (5,5) size 194x94 [bgcolor=#C0 C0C0] [border: (1px solid #00FF00)]
503 LayoutText {#text} at (17,17) size 127x59 503 LayoutText {#text} at (17,17) size 127x59
504 text run at (17,17) width 120: "This is a left-floating" 504 text run at (17,17) width 120: "This is a left-floating"
505 text run at (17,37) width 127: "paragraph (second in" 505 text run at (17,37) width 127: "paragraph (second in"
506 text run at (17,57) width 49: "source)." 506 text run at (17,57) width 49: "source)."
507 LayoutText {#text} at (199,5) size 718x119 507 LayoutText {#text} at (199,5) size 718x119
508 text run at (199,5) width 164: "This is text within the DIV. " 508 text run at (199,5) width 164: "This is text within the DIV. "
509 text run at (363,5) width 165: "The floating elements within" 509 text run at (363,5) width 165: "The floating elements within"
510 text run at (199,25) width 334: "this DIV should not go beyond the top side of this DIV," 510 text run at (199,25) width 334: "this DIV should not go beyond the top side of this DIV,"
511 text run at (199,45) width 317: "which means that the borders of the floating elements" 511 text run at (199,45) width 317: "which means that the borders of the floating elements"
512 text run at (199,65) width 336: "should not overlap the top or side borders of the DIV in" 512 text run at (199,65) width 336: "should not overlap the top or side borders of the DIV in"
513 text run at (199,85) width 58: "any way. " 513 text run at (199,85) width 58: "any way. "
514 text run at (257,85) width 466: "In addition, the top of the l eft-floating box should not be higher than the top of" 514 text run at (257,85) width 466: "In addition, the top of the l eft-floating box should not be higher than the top of"
515 text run at (5,105) width 128: "the right-floating box." 515 text run at (5,105) width 128: "the right-floating box."
516 LayoutBlockFlow {HR} at (357.83,1646) size 39.34x2 [border: (1px i nset #EEEEEE)] 516 LayoutBlockFlow {HR} at (358.83,1646) size 37.34x2 [border: (1px i nset #EEEEEE)]
517 LayoutBlockFlow {DIV} at (6,1656) size 743x70 [border: (5px solid #800080)] 517 LayoutBlockFlow {DIV} at (6,1656) size 743x70 [border: (5px solid #800080)]
518 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)] 518 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)]
519 LayoutImage {IMG} at (723,5) size 15x36 [border: (3px solid #000 000)] 519 LayoutImage {IMG} at (723,5) size 15x36 [border: (3px solid #000 000)]
520 LayoutText {#text} at (20,5) size 710x59 520 LayoutText {#text} at (20,5) size 710x59
521 text run at (20,5) width 164: "This is text within the DIV. " 521 text run at (20,5) width 164: "This is text within the DIV. "
522 text run at (184,5) width 531: "The floating images within thi s DIV should not go beyond the top side of this DIV, which" 522 text run at (184,5) width 531: "The floating images within thi s DIV should not go beyond the top side of this DIV, which"
523 text run at (20,25) width 669: "means that the borders of the floating images should not overlap the top or side borders of the DIV in any way . " 523 text run at (20,25) width 669: "means that the borders of the floating images should not overlap the top or side borders of the DIV in any way . "
524 text run at (689,25) width 12: "In" 524 text run at (689,25) width 12: "In"
525 text run at (5,45) width 606: "addition, the top of the left-f loating image should not be higher than the top of the right-floating image." 525 text run at (5,45) width 606: "addition, the top of the left-f loating image should not be higher than the top of the right-floating image."
526 LayoutBlockFlow {HR} at (28,1750) size 562.25x2 [border: (1px inse t #EEEEEE)] 526 LayoutBlockFlow {HR} at (28,1750) size 560.25x2 [border: (1px inse t #EEEEEE)]
527 LayoutBlockFlow {DIV} at (6,1776) size 743x130 [border: (5px solid #800080)] 527 LayoutBlockFlow {DIV} at (6,1776) size 743x130 [border: (5px solid #800080)]
528 LayoutText {#text} at (199,5) size 172x19 528 LayoutText {#text} at (199,5) size 172x19
529 text run at (199,5) width 164: "This is text within the DIV. " 529 text run at (199,5) width 164: "This is text within the DIV. "
530 text run at (363,5) width 8: "*" 530 text run at (363,5) width 8: "*"
531 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0 C0C0] [border: (1px solid #00FF00)] 531 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0 C0C0] [border: (1px solid #00FF00)]
532 LayoutText {#text} at (17,17) size 159x39 532 LayoutText {#text} at (17,17) size 159x39
533 text run at (17,17) width 120: "This is a left-floating" 533 text run at (17,17) width 120: "This is a left-floating"
534 text run at (17,37) width 159: "paragraph (first in source). " 534 text run at (17,37) width 159: "paragraph (first in source). "
535 LayoutText {#text} at (371,5) size 506x39 535 LayoutText {#text} at (371,5) size 506x39
536 text run at (371,5) width 334: " The floating elements within this DIV should not go any" 536 text run at (371,5) width 334: " The floating elements within this DIV should not go any"
537 text run at (199,25) width 447: "higher than the line-box cont aining the inline content which precedes them. " 537 text run at (199,25) width 447: "higher than the line-box cont aining the inline content which precedes them. "
538 text run at (646,25) width 12: "* " 538 text run at (646,25) width 12: "* "
539 LayoutBlockFlow (floating) {P} at (544,45) size 194x94 [bgcolor= #C0C0C0] [border: (1px solid #00FF00)] 539 LayoutBlockFlow (floating) {P} at (544,45) size 194x94 [bgcolor= #C0C0C0] [border: (1px solid #00FF00)]
540 LayoutText {#text} at (17,17) size 128x59 540 LayoutText {#text} at (17,17) size 128x59
541 text run at (17,17) width 128: "This is a right-floating" 541 text run at (17,17) width 128: "This is a right-floating"
542 text run at (17,37) width 127: "paragraph (second in" 542 text run at (17,37) width 127: "paragraph (second in"
543 text run at (17,57) width 49: "source)." 543 text run at (17,57) width 49: "source)."
544 LayoutText {#text} at (658,25) size 720x99 544 LayoutText {#text} at (658,25) size 720x99
545 text run at (658,25) width 67: "This means" 545 text run at (658,25) width 67: "This means"
546 text run at (199,45) width 336: "that the top side of each flo at can be, at most, as high as" 546 text run at (199,45) width 336: "that the top side of each flo at can be, at most, as high as"
547 text run at (199,65) width 331: "the top edge of the inline el ement containing the content" 547 text run at (199,65) width 331: "the top edge of the inline el ement containing the content"
548 text run at (5,85) width 315: "just before the floating elemen ts occur in the source. " 548 text run at (5,85) width 315: "just before the floating elemen ts occur in the source. "
549 text run at (320,85) width 222: "In order to mark these points clearly," 549 text run at (320,85) width 222: "In order to mark these points clearly,"
550 text run at (5,105) width 371: "an asterisk has been inserted just before each floated element." 550 text run at (5,105) width 371: "an asterisk has been inserted just before each floated element."
551 LayoutBlockFlow {HR} at (357.83,1915) size 39.34x2 [border: (1px i nset #EEEEEE)] 551 LayoutBlockFlow {HR} at (358.83,1915) size 37.34x2 [border: (1px i nset #EEEEEE)]
552 LayoutBlockFlow {DIV} at (6,1925) size 743x90 [border: (5px solid #800080)] 552 LayoutBlockFlow {DIV} at (6,1925) size 743x90 [border: (5px solid #800080)]
553 LayoutText {#text} at (20,5) size 172x19 553 LayoutText {#text} at (20,5) size 172x19
554 text run at (20,5) width 164: "This is text within the DIV. " 554 text run at (20,5) width 164: "This is text within the DIV. "
555 text run at (184,5) width 8: "*" 555 text run at (184,5) width 8: "*"
556 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)] 556 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)]
557 LayoutText {#text} at (192,5) size 703x39 557 LayoutText {#text} at (192,5) size 703x39
558 text run at (192,5) width 531: " The floating images within th is DIV should not go any higher than the line-box containing" 558 text run at (192,5) width 531: " The floating images within th is DIV should not go any higher than the line-box containing"
559 text run at (20,25) width 239: "the inline content which prece des them. " 559 text run at (20,25) width 239: "the inline content which prece des them. "
560 text run at (259,25) width 12: "* " 560 text run at (259,25) width 12: "* "
561 LayoutImage {IMG} at (723,25) size 15x36 [border: (3px solid #00 0000)] 561 LayoutImage {IMG} at (723,25) size 15x36 [border: (3px solid #00 0000)]
562 LayoutText {#text} at (271,25) size 717x59 562 LayoutText {#text} at (271,25) size 717x59
563 text run at (271,25) width 429: "This means that the top side of each float can be, at most, as high as the" 563 text run at (271,25) width 429: "This means that the top side of each float can be, at most, as high as the"
564 text run at (5,45) width 617: "top edge of the inline element containing the content just before the floating images occur in the source. " 564 text run at (5,45) width 617: "top edge of the inline element containing the content just before the floating images occur in the source. "
565 text run at (622,45) width 100: "In order to mark" 565 text run at (622,45) width 100: "In order to mark"
566 text run at (5,65) width 482: "these points clearly, an asteri sk has been inserted just before each floated image." 566 text run at (5,65) width 482: "these points clearly, an asteri sk has been inserted just before each floated image."
567 LayoutBlockFlow {HR} at (28,2039) size 562.25x2 [border: (1px inse t #EEEEEE)] 567 LayoutBlockFlow {HR} at (28,2039) size 560.25x2 [border: (1px inse t #EEEEEE)]
568 LayoutBlockFlow {DIV} at (6,2065) size 743x290 [border: (5px solid #800080)] 568 LayoutBlockFlow {DIV} at (6,2065) size 743x290 [border: (5px solid #800080)]
569 LayoutText {#text} at (199,5) size 172x19 569 LayoutText {#text} at (199,5) size 172x19
570 text run at (199,5) width 164: "This is text within the DIV. " 570 text run at (199,5) width 164: "This is text within the DIV. "
571 text run at (363,5) width 8: "*" 571 text run at (363,5) width 8: "*"
572 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0 C0C0] [border: (1px solid #00FF00)] 572 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0 C0C0] [border: (1px solid #00FF00)]
573 LayoutText {#text} at (17,17) size 159x39 573 LayoutText {#text} at (17,17) size 159x39
574 text run at (17,17) width 120: "This is a left-floating" 574 text run at (17,17) width 120: "This is a left-floating"
575 text run at (17,37) width 159: "paragraph (first in source). " 575 text run at (17,37) width 159: "paragraph (first in source). "
576 LayoutText {#text} at (371,5) size 506x39 576 LayoutText {#text} at (371,5) size 506x39
577 text run at (371,5) width 334: " The floating elements within this DIV should not go any" 577 text run at (371,5) width 334: " The floating elements within this DIV should not go any"
(...skipping 28 matching lines...) Expand all
606 LayoutText {#text} at (665,145) size 733x139 606 LayoutText {#text} at (665,145) size 733x139
607 text run at (665,145) width 69: " In order to" 607 text run at (665,145) width 69: " In order to"
608 text run at (587,165) width 106: "mark these points" 608 text run at (587,165) width 106: "mark these points"
609 text run at (587,185) width 135: "clearly, an asterisk has" 609 text run at (587,185) width 135: "clearly, an asterisk has"
610 text run at (587,205) width 148: "been inserted just before" 610 text run at (587,205) width 148: "been inserted just before"
611 text run at (587,225) width 131: "each floated element. " 611 text run at (587,225) width 131: "each floated element. "
612 text run at (718,225) width 20: "If a" 612 text run at (718,225) width 20: "If a"
613 text run at (5,245) width 709: "line has room for a floated el ement, then the element should float so that its top is aligned with the top of the line-box in" 613 text run at (5,245) width 709: "line has room for a floated el ement, then the element should float so that its top is aligned with the top of the line-box in"
614 text run at (5,265) width 167: "which the asterisk appears. " 614 text run at (5,265) width 167: "which the asterisk appears. "
615 text run at (172,265) width 380: "Otherwise, its top should al ign with the top of the next line-box." 615 text run at (172,265) width 380: "Otherwise, its top should al ign with the top of the next line-box."
616 LayoutBlockFlow {HR} at (357.83,2363) size 39.34x2 [border: (1px i nset #EEEEEE)] 616 LayoutBlockFlow {HR} at (358.83,2363) size 37.34x2 [border: (1px i nset #EEEEEE)]
617 LayoutBlockFlow {DIV} at (6,2373) size 743x130 [border: (5px solid #800080)] 617 LayoutBlockFlow {DIV} at (6,2373) size 743x130 [border: (5px solid #800080)]
618 LayoutText {#text} at (20,5) size 172x19 618 LayoutText {#text} at (20,5) size 172x19
619 text run at (20,5) width 164: "This is text within the DIV. " 619 text run at (20,5) width 164: "This is text within the DIV. "
620 text run at (184,5) width 8: "*" 620 text run at (184,5) width 8: "*"
621 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)] 621 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)]
622 LayoutText {#text} at (192,5) size 688x39 622 LayoutText {#text} at (192,5) size 688x39
623 text run at (192,5) width 531: " The floating images within th is DIV should not go any higher than the line-box containing" 623 text run at (192,5) width 531: " The floating images within th is DIV should not go any higher than the line-box containing"
624 text run at (35,25) width 239: "the inline content which prece des them. " 624 text run at (35,25) width 239: "the inline content which prece des them. "
625 text run at (274,25) width 12: "* " 625 text run at (274,25) width 12: "* "
626 LayoutImage {IMG} at (723,25) size 15x36 [border: (3px solid #00 0000)] 626 LayoutImage {IMG} at (723,25) size 15x36 [border: (3px solid #00 0000)]
627 LayoutText {#text} at (286,25) size 305x19 627 LayoutText {#text} at (286,25) size 305x19
628 text run at (286,25) width 297: "This means that the top side of each float can be, " 628 text run at (286,25) width 297: "This means that the top side of each float can be, "
629 text run at (583,25) width 8: "*" 629 text run at (583,25) width 8: "*"
630 LayoutImage {IMG} at (20,25) size 15x36 [border: (3px solid #000 000)] 630 LayoutImage {IMG} at (20,25) size 15x36 [border: (3px solid #000 000)]
631 LayoutText {#text} at (591,25) size 655x39 631 LayoutText {#text} at (591,25) size 655x39
632 text run at (591,25) width 114: " at most, as high as" 632 text run at (591,25) width 114: " at most, as high as"
633 text run at (50,45) width 639: "the top edge of the inline ele ment containing the content just before the floating images occur in the source. " 633 text run at (50,45) width 639: "the top edge of the inline ele ment containing the content just before the floating images occur in the source. "
634 text run at (689,45) width 8: "*" 634 text run at (689,45) width 8: "*"
635 LayoutImage {IMG} at (35,45) size 15x36 [border: (3px solid #000 000)] 635 LayoutImage {IMG} at (35,45) size 15x36 [border: (3px solid #000 000)]
636 LayoutText {#text} at (697,45) size 723x79 636 LayoutText {#text} at (697,45) size 723x79
637 text run at (697,45) width 16: " In" 637 text run at (697,45) width 16: " In"
638 text run at (50,65) width 574: "order to mark these points cle arly, an asterisk has been inserted just before each floated image. " 638 text run at (50,65) width 574: "order to mark these points cle arly, an asterisk has been inserted just before each floated image. "
639 text run at (624,65) width 104: "If a line has room" 639 text run at (624,65) width 104: "If a line has room"
640 text run at (5,85) width 714: "for a floated image, then the i mage should float so that its top is aligned with the top of the line-box in whi ch the asterisk" 640 text run at (5,85) width 714: "for a floated image, then the i mage should float so that its top is aligned with the top of the line-box in whi ch the asterisk"
641 text run at (5,105) width 56: "appears. " 641 text run at (5,105) width 56: "appears. "
642 text run at (61,105) width 380: "Otherwise, its top should ali gn with the top of the next line-box." 642 text run at (61,105) width 380: "Otherwise, its top should ali gn with the top of the next line-box."
643 LayoutBlockFlow {HR} at (28,2527) size 562.25x2 [border: (1px inse t #EEEEEE)] 643 LayoutBlockFlow {HR} at (28,2527) size 560.25x2 [border: (1px inse t #EEEEEE)]
644 LayoutBlockFlow {DIV} at (6,2553) size 490x310 [border: (5px solid #800080)] 644 LayoutBlockFlow {DIV} at (6,2553) size 490x310 [border: (5px solid #800080)]
645 LayoutText {#text} at (199,5) size 50x19 645 LayoutText {#text} at (199,5) size 50x19
646 text run at (199,5) width 50: "This is *" 646 text run at (199,5) width 50: "This is *"
647 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0 C0C0] [border: (1px solid #00FF00)] 647 LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0 C0C0] [border: (1px solid #00FF00)]
648 LayoutText {#text} at (17,17) size 159x39 648 LayoutText {#text} at (17,17) size 159x39
649 text run at (17,17) width 120: "This is a left-floating" 649 text run at (17,17) width 120: "This is a left-floating"
650 text run at (17,37) width 159: "paragraph (first in source). " 650 text run at (17,37) width 159: "paragraph (first in source). "
651 LayoutText {#text} at (249,5) size 12x19 651 LayoutText {#text} at (249,5) size 12x19
652 text run at (249,5) width 12: " *" 652 text run at (249,5) width 12: " *"
653 LayoutBlockFlow (floating) {P} at (291,5) size 194x94 [bgcolor=# C0C0C0] [border: (1px solid #00FF00)] 653 LayoutBlockFlow (floating) {P} at (291,5) size 194x94 [bgcolor=# C0C0C0] [border: (1px solid #00FF00)]
(...skipping 11 matching lines...) Expand all
665 text run at (5,125) width 184: "border of the floating element . " 665 text run at (5,125) width 184: "border of the floating element . "
666 text run at (189,125) width 266: "Similarly, the right floatin g element should be" 666 text run at (189,125) width 266: "Similarly, the right floatin g element should be"
667 text run at (5,145) width 465: "placed in the upper right corn er of the DIV, and the purple border of the DIV" 667 text run at (5,145) width 465: "placed in the upper right corn er of the DIV, and the purple border of the DIV"
668 text run at (5,165) width 434: "should abut the green border o f the floating element. The text of the DIV" 668 text run at (5,165) width 434: "should abut the green border o f the floating element. The text of the DIV"
669 text run at (5,185) width 448: "element should flow between an d under the two floating elements. The two" 669 text run at (5,185) width 448: "element should flow between an d under the two floating elements. The two"
670 text run at (5,205) width 434: "asterisk characters mark the i nsertion points of the floating elements. It is" 670 text run at (5,205) width 434: "asterisk characters mark the i nsertion points of the floating elements. It is"
671 text run at (5,225) width 460: "expected that, under future sp ecifications, it may be acceptable for the top of" 671 text run at (5,225) width 460: "expected that, under future sp ecifications, it may be acceptable for the top of"
672 text run at (5,245) width 478: "floated elements to align with the top of the line-box following the insertion point" 672 text run at (5,245) width 478: "floated elements to align with the top of the line-box following the insertion point"
673 text run at (5,265) width 456: "of the floated element to avoi d floating elements appearing before text which" 673 text run at (5,265) width 456: "of the floated element to avoi d floating elements appearing before text which"
674 text run at (5,285) width 213: "precedes it in the source docu ment." 674 text run at (5,285) width 213: "precedes it in the source docu ment."
675 LayoutBlockFlow {HR} at (357.83,2871) size 39.34x2 [border: (1px i nset #EEEEEE)] 675 LayoutBlockFlow {HR} at (358.83,2871) size 37.34x2 [border: (1px i nset #EEEEEE)]
676 LayoutBlockFlow {DIV} at (6,2881) size 490x230 [border: (5px solid #800080)] 676 LayoutBlockFlow {DIV} at (6,2881) size 490x230 [border: (5px solid #800080)]
677 LayoutText {#text} at (20,5) size 50x19 677 LayoutText {#text} at (20,5) size 50x19
678 text run at (20,5) width 50: "This is *" 678 text run at (20,5) width 50: "This is *"
679 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)] 679 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)]
680 LayoutText {#text} at (70,5) size 12x19 680 LayoutText {#text} at (70,5) size 12x19
681 text run at (70,5) width 12: " *" 681 text run at (70,5) width 12: " *"
682 LayoutImage {IMG} at (470,5) size 15x36 [border: (3px solid #000 000)] 682 LayoutImage {IMG} at (470,5) size 15x36 [border: (3px solid #000 000)]
683 LayoutText {#text} at (82,5) size 479x219 683 LayoutText {#text} at (82,5) size 479x219
684 text run at (82,5) width 126: " text within the DIV. " 684 text run at (82,5) width 126: " text within the DIV. "
685 text run at (208,5) width 256: "Under CSS1, the left floating image should" 685 text run at (208,5) width 256: "Under CSS1, the left floating image should"
686 text run at (20,25) width 445: "be placed in the upper left co rner of the DIV, and the purple border of the" 686 text run at (20,25) width 445: "be placed in the upper left co rner of the DIV, and the purple border of the"
687 text run at (5,45) width 336: "DIV should abut the green borde r of the floating image. " 687 text run at (5,45) width 336: "DIV should abut the green borde r of the floating image. "
688 text run at (341,45) width 107: "Similarly, the right" 688 text run at (341,45) width 107: "Similarly, the right"
689 text run at (5,65) width 457: "floating image should be placed in the upper right corner of the DIV, and the" 689 text run at (5,65) width 457: "floating image should be placed in the upper right corner of the DIV, and the"
690 text run at (5,85) width 457: "purple border of the DIV should abut the green border of the floating image." 690 text run at (5,85) width 457: "purple border of the DIV should abut the green border of the floating image."
691 text run at (5,105) width 456: "The text of the DIV element sh ould flow between and under the two floating" 691 text run at (5,105) width 456: "The text of the DIV element sh ould flow between and under the two floating"
692 text run at (5,125) width 445: "image. The two asterisk charac ters mark the insertion points of the floating" 692 text run at (5,125) width 445: "image. The two asterisk charac ters mark the insertion points of the floating"
693 text run at (5,145) width 43: "image. " 693 text run at (5,145) width 43: "image. "
694 text run at (48,145) width 424: "It is expected that, under fu ture specifications, it may be acceptable for" 694 text run at (48,145) width 424: "It is expected that, under fu ture specifications, it may be acceptable for"
695 text run at (5,165) width 452: "the top of floated elements to align with the top of the line-box following the" 695 text run at (5,165) width 452: "the top of floated elements to align with the top of the line-box following the"
696 text run at (5,185) width 479: "insertion point of the floated element to avoid floating elements appearing before" 696 text run at (5,185) width 479: "insertion point of the floated element to avoid floating elements appearing before"
697 text run at (5,205) width 278: "text which precedes it in the source document." 697 text run at (5,205) width 278: "text which precedes it in the source document."
698 LayoutBlockFlow {HR} at (28,3135) size 562.25x2 [border: (1px inse t #EEEEEE)] 698 LayoutBlockFlow {HR} at (28,3135) size 560.25x2 [border: (1px inse t #EEEEEE)]
OLDNEW
« no previous file with comments | « LayoutTests/platform/linux/css1/formatting_model/floating_elements-expected.png ('k') | LayoutTests/platform/linux/virtual/slimmingpaint/fast/block/basic/018-expected.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698