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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/platform/win/css1/box_properties/float_on_text_elements-expected.txt

Issue 20558002: Auto-rebaseline for r154918 (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 7 years, 5 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/win/css1/box_properties/clear_float-expected.txt ('k') | LayoutTests/platform/win/css1/box_properties/margin-expected.txt » ('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 785x2846 1 layer at (0,0) size 785x2846
2 RenderView at (0,0) size 785x600 2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x2846 3 layer at (0,0) size 785x2846
4 RenderBlock {HTML} at (0,0) size 785x2846 4 RenderBlock {HTML} at (0,0) size 785x2846
5 RenderBody {BODY} at (8,8) size 769x2830 [bgcolor=#CCCCCC] 5 RenderBody {BODY} at (8,8) size 769x2830 [bgcolor=#CCCCCC]
6 RenderBlock (floating) {P} at (0,0) size 385x40 [bgcolor=#FFFF00] 6 RenderBlock (floating) {P} at (0,0) size 384.50x40 [bgcolor=#FFFF00]
7 RenderText {#text} at (0,0) size 384x39 7 RenderText {#text} at (0,0) size 384x39
8 text run at (0,0) width 384: "This paragraph is of class \"one\". It h as a width of 50% and is" 8 text run at (0,0) width 384: "This paragraph is of class \"one\". It h as a width of 50% and is"
9 text run at (0,20) width 105: "floated to the left." 9 text run at (0,20) width 105: "floated to the left."
10 RenderBlock {P} at (0,0) size 769x80 10 RenderBlock {P} at (0,0) size 769x80
11 RenderText {#text} at (385,0) size 769x79 11 RenderText {#text} at (385,0) size 769x79
12 text run at (385,0) width 384: "This paragraph should start on the rig ht side of a yellow box" 12 text run at (385,0) width 384: "This paragraph should start on the rig ht side of a yellow box"
13 text run at (385,20) width 384: "which contains the previous paragraph . Since the text of this" 13 text run at (385,20) width 384: "which contains the previous paragraph . Since the text of this"
14 text run at (0,40) width 769: "element is much longer than the text in the previous element, the text will wrap around the yellow box. There is no pad ding," 14 text run at (0,40) width 769: "element is much longer than the text in the previous element, the text will wrap around the yellow box. There is no pad ding,"
15 text run at (0,60) width 709: "border or margins on this and the previ ous element, so the text of the two elements should be very close to each other. " 15 text run at (0,60) width 709: "border or margins on this and the previ ous element, so the text of the two elements should be very close to each other. "
16 RenderBlock (anonymous) at (0,80) size 769x20 16 RenderBlock (anonymous) at (0,80) size 769x20
17 RenderBR {BR} at (0,0) size 0x19 17 RenderBR {BR} at (0,0) size 0x19
18 RenderBlock {HR} at (0,108) size 769x2 [border: (1px inset #EEEEEE)] 18 RenderBlock {HR} at (0,108) size 769x2 [border: (1px inset #EEEEEE)]
19 RenderBlock (floating) {P} at (0,118) size 769x80 [bgcolor=#FFFF00] 19 RenderBlock (floating) {P} at (0,118) size 769x80 [bgcolor=#FFFF00]
20 RenderText {#text} at (0,0) size 769x79 20 RenderText {#text} at (0,0) size 769x79
21 text run at (0,0) width 769: "This paragraph is of class \"two\". Sinc e the width has been set to 100%, it should automatically be as wide as its pare nt element" 21 text run at (0,0) width 769: "This paragraph is of class \"two\". Sinc e the width has been set to 100%, it should automatically be as wide as its pare nt element"
22 text run at (0,20) width 769: "allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides and a o range" 22 text run at (0,20) width 769: "allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides and a o range"
23 text run at (0,40) width 769: "square image should be seen AFTER the p aragraph, not next to it. A yellow background has been added to this paragraph f or" 23 text run at (0,40) width 769: "square image should be seen AFTER the p aragraph, not next to it. A yellow background has been added to this paragraph f or"
24 text run at (0,60) width 123: "diagnostic purposes." 24 text run at (0,60) width 123: "diagnostic purposes."
25 RenderBlock (anonymous) at (0,118) size 769x100 25 RenderBlock (anonymous) at (0,118) size 769x100
26 RenderImage {IMG} at (0,80) size 15x15 26 RenderImage {IMG} at (0,80) size 15x15
27 RenderText {#text} at (15,80) size 4x19 27 RenderText {#text} at (15,80) size 4x19
28 text run at (15,80) width 4: " " 28 text run at (15,80) width 4: " "
29 RenderBR {BR} at (19,95) size 0x0 29 RenderBR {BR} at (19,95) size 0x0
30 RenderBlock {HR} at (0,226) size 769x2 [border: (1px inset #EEEEEE)] 30 RenderBlock {HR} at (0,226) size 769x2 [border: (1px inset #EEEEEE)]
31 RenderBlock (floating) {P} at (0,236) size 385x100 [bgcolor=#FFFF00] 31 RenderBlock (floating) {P} at (0,236) size 384.50x100 [bgcolor=#FFFF00]
32 RenderText {#text} at (0,0) size 384x99 32 RenderText {#text} at (0,0) size 384x99
33 text run at (0,0) width 384: "This paragraph is floated to the left an d the orange square image" 33 text run at (0,0) width 384: "This paragraph is floated to the left an d the orange square image"
34 text run at (0,20) width 384: "should appear to the right of the parag raph. This paragraph has" 34 text run at (0,20) width 384: "should appear to the right of the parag raph. This paragraph has"
35 text run at (0,40) width 384: "a yellow background and no padding, mar gin or border. The" 35 text run at (0,40) width 384: "a yellow background and no padding, mar gin or border. The"
36 text run at (0,60) width 384: "right edge of this yellow box should be horizontally aligned with" 36 text run at (0,60) width 384: "right edge of this yellow box should be horizontally aligned with"
37 text run at (0,80) width 260: "the left edge of the yellow box underne arth." 37 text run at (0,80) width 260: "the left edge of the yellow box underne arth."
38 RenderBlock (anonymous) at (0,236) size 769x100 38 RenderBlock (anonymous) at (0,236) size 769x100
39 RenderImage {IMG} at (385,0) size 15x15 39 RenderImage {IMG} at (385,0) size 15x15
40 RenderText {#text} at (400,0) size 4x19 40 RenderText {#text} at (400,0) size 4x19
41 text run at (400,0) width 4: " " 41 text run at (400,0) width 4: " "
42 RenderBR {BR} at (404,15) size 0x0 42 RenderBR {BR} at (404,15) size 0x0
43 RenderBlock {HR} at (0,344) size 769x2 [border: (1px inset #EEEEEE)] 43 RenderBlock {HR} at (0,344) size 769x2 [border: (1px inset #EEEEEE)]
44 RenderBlock (floating) {P} at (384,354) size 385x120 [bgcolor=#FFFF00] 44 RenderBlock (floating) {P} at (384.50,354) size 384.50x120 [bgcolor=#FFFF0 0]
45 RenderText {#text} at (0,0) size 384x119 45 RenderText {#text} at (0,0) size 384x119
46 text run at (0,0) width 384: "This paragraph is floated to the right ( using a STYLE attribute)" 46 text run at (0,0) width 384: "This paragraph is floated to the right ( using a STYLE attribute)"
47 text run at (0,20) width 384: "and the orange square image should appe ar to the left of the" 47 text run at (0,20) width 384: "and the orange square image should appe ar to the left of the"
48 text run at (0,40) width 384: "paragraph. This paragraph has a yellow background and no" 48 text run at (0,40) width 384: "paragraph. This paragraph has a yellow background and no"
49 text run at (0,60) width 384: "padding, margin or border. The left edg e of this yellow box" 49 text run at (0,60) width 384: "padding, margin or border. The left edg e of this yellow box"
50 text run at (0,80) width 384: "should be horizonally aligned with the right edge of the yellow" 50 text run at (0,80) width 384: "should be horizonally aligned with the right edge of the yellow"
51 text run at (0,100) width 68: "box above." 51 text run at (0,100) width 68: "box above."
52 RenderBlock (anonymous) at (0,354) size 769x120 52 RenderBlock (anonymous) at (0,354) size 769x120
53 RenderImage {IMG} at (0,0) size 15x15 53 RenderImage {IMG} at (0,0) size 15x15
54 RenderText {#text} at (15,0) size 4x19 54 RenderText {#text} at (15,0) size 4x19
(...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after
114 text run at (0,160) width 320: "and a red border. The yellow box s hould be" 114 text run at (0,160) width 320: "and a red border. The yellow box s hould be"
115 text run at (0,180) width 320: "rendered on top of the bottom red border. I.e., the" 115 text run at (0,180) width 320: "rendered on top of the bottom red border. I.e., the"
116 text run at (0,200) width 320: "bottom red border will appear brok en where it's" 116 text run at (0,200) width 320: "bottom red border will appear brok en where it's"
117 text run at (0,220) width 194: "overlaid by the yellow rectangle." 117 text run at (0,220) width 194: "overlaid by the yellow rectangle."
118 RenderBlock {P} at (4,4) size 761x20 118 RenderBlock {P} at (4,4) size 761x20
119 RenderText {#text} at (0,0) size 255x19 119 RenderText {#text} at (0,0) size 255x19
120 text run at (0,0) width 255: "See description in the box on the righ t side" 120 text run at (0,0) width 255: "See description in the box on the righ t side"
121 RenderBlock (anonymous) at (0,876) size 769x246 121 RenderBlock (anonymous) at (0,876) size 769x246
122 RenderBR {BR} at (0,0) size 0x19 122 RenderBR {BR} at (0,0) size 0x19
123 RenderBlock {HR} at (0,1130) size 769x2 [border: (1px inset #EEEEEE)] 123 RenderBlock {HR} at (0,1130) size 769x2 [border: (1px inset #EEEEEE)]
124 RenderBlock (floating) {DIV} at (0,1140) size 193x80 [bgcolor=#66CCFF] 124 RenderBlock (floating) {DIV} at (0,1140) size 192.25x80 [bgcolor=#66CCFF]
125 RenderBlock {P} at (0,0) size 193x80 125 RenderBlock {P} at (0,0) size 192.25x80
126 RenderText {#text} at (0,0) size 192x79 126 RenderText {#text} at (0,0) size 192x79
127 text run at (0,0) width 192: "This paragraph is inside a DIV" 127 text run at (0,0) width 192: "This paragraph is inside a DIV"
128 text run at (0,20) width 192: "which is floated left. Its" 128 text run at (0,20) width 192: "which is floated left. Its"
129 text run at (0,40) width 192: "background is blue and the" 129 text run at (0,40) width 192: "background is blue and the"
130 text run at (0,60) width 83: "width is 25%." 130 text run at (0,60) width 83: "width is 25%."
131 RenderBlock (floating) {DIV} at (576,1140) size 193x80 [bgcolor=#FFFF00] 131 RenderBlock (floating) {DIV} at (576.75,1140) size 192.25x80 [bgcolor=#FFF F00]
132 RenderBlock {P} at (0,0) size 193x80 132 RenderBlock {P} at (0,0) size 192.25x80
133 RenderText {#text} at (0,0) size 192x79 133 RenderText {#text} at (0,0) size 192x79
134 text run at (0,0) width 192: "This paragraph is inside a DIV" 134 text run at (0,0) width 192: "This paragraph is inside a DIV"
135 text run at (0,20) width 192: "which is floated right. Its" 135 text run at (0,20) width 192: "which is floated right. Its"
136 text run at (0,40) width 192: "background is yellow and the" 136 text run at (0,40) width 192: "background is yellow and the"
137 text run at (0,60) width 83: "width is 25%." 137 text run at (0,60) width 83: "width is 25%."
138 RenderBlock {P} at (0,1140) size 769x40 138 RenderBlock {P} at (0,1140) size 769x40
139 RenderText {#text} at (192,0) size 384x39 139 RenderText {#text} at (192,0) size 384x39
140 text run at (192,0) width 384: "This paragraph should appear between a blue box (on the left)" 140 text run at (192,0) width 384: "This paragraph should appear between a blue box (on the left)"
141 text run at (192,20) width 188: "and a yellow box (on the right)." 141 text run at (192,20) width 188: "and a yellow box (on the right)."
142 RenderBlock (anonymous) at (0,1180) size 769x40 142 RenderBlock (anonymous) at (0,1180) size 769x40
143 RenderBR {BR} at (192,0) size 0x19 143 RenderBR {BR} at (192,0) size 0x19
144 RenderBlock {HR} at (0,1228) size 769x2 [border: (1px inset #EEEEEE)] 144 RenderBlock {HR} at (0,1228) size 769x2 [border: (1px inset #EEEEEE)]
145 RenderBlock (floating) {DIV} at (0,1238) size 577x120 [bgcolor=#66CCFF] 145 RenderBlock (floating) {DIV} at (0,1238) size 576.75x120 [bgcolor=#66CCFF]
146 RenderBlock (floating) {DIV} at (422,0) size 145x40 [bgcolor=#FFFF00] 146 RenderBlock (floating) {DIV} at (422.56,0) size 144.19x40 [bgcolor=#FFFF 00]
147 RenderBlock {P} at (0,0) size 145x40 147 RenderBlock {P} at (0,0) size 144.19x40
148 RenderText {#text} at (0,0) size 144x39 148 RenderText {#text} at (0,0) size 144x39
149 text run at (0,0) width 144: "See description in the" 149 text run at (0,0) width 144: "See description in the"
150 text run at (0,20) width 118: "box on the left side." 150 text run at (0,20) width 118: "box on the left side."
151 RenderBlock {P} at (0,0) size 577x120 151 RenderBlock {P} at (0,0) size 576.75x120
152 RenderText {#text} at (0,0) size 576x119 152 RenderText {#text} at (0,0) size 576x119
153 text run at (0,0) width 350: "This paragraph is inside a DIV which i s floated left. The " 153 text run at (0,0) width 350: "This paragraph is inside a DIV which i s floated left. The "
154 text run at (350,0) width 72: "background" 154 text run at (350,0) width 72: "background"
155 text run at (0,20) width 320: "of the DIV element is blue and its wi dth is 75%. This " 155 text run at (0,20) width 320: "of the DIV element is blue and its wi dth is 75%. This "
156 text run at (320,20) width 102: "text should all be" 156 text run at (320,20) width 102: "text should all be"
157 text run at (0,40) width 248: "inside the blue rectangle. The blue D IV " 157 text run at (0,40) width 248: "inside the blue rectangle. The blue D IV "
158 text run at (248,40) width 328: "element has another DIV element as a child. It has a" 158 text run at (248,40) width 328: "element has another DIV element as a child. It has a"
159 text run at (0,60) width 45: "yellow " 159 text run at (0,60) width 45: "yellow "
160 text run at (45,60) width 367: "background color and is floated to t he right. Since it is a " 160 text run at (45,60) width 367: "background color and is floated to t he right. Since it is a "
161 text run at (412,60) width 164: "child of the blue DIV, the" 161 text run at (412,60) width 164: "child of the blue DIV, the"
(...skipping 10 matching lines...) Expand all
172 RenderTableRow {TR} at (0,0) size 767x28 172 RenderTableRow {TR} at (0,0) size 767x28
173 RenderTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2] 173 RenderTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
174 RenderInline {STRONG} at (0,0) size 159x19 174 RenderInline {STRONG} at (0,0) size 159x19
175 RenderText {#text} at (4,4) size 159x19 175 RenderText {#text} at (4,4) size 159x19
176 text run at (4,4) width 159: "TABLE Testing Section" 176 text run at (4,4) width 159: "TABLE Testing Section"
177 RenderTableRow {TR} at (0,28) size 767x1424 177 RenderTableRow {TR} at (0,28) size 767x1424
178 RenderTableCell {TD} at (0,726) size 12x28 [bgcolor=#C0C0C0] [border : (1px inset #808080)] [r=1 c=0 rs=1 cs=1] 178 RenderTableCell {TD} at (0,726) size 12x28 [bgcolor=#C0C0C0] [border : (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
179 RenderText {#text} at (4,4) size 4x19 179 RenderText {#text} at (4,4) size 4x19
180 text run at (4,4) width 4: " " 180 text run at (4,4) width 4: " "
181 RenderTableCell {TD} at (12,28) size 755x1424 [border: (1px inset #8 08080)] [r=1 c=1 rs=1 cs=1] 181 RenderTableCell {TD} at (12,28) size 755x1424 [border: (1px inset #8 08080)] [r=1 c=1 rs=1 cs=1]
182 RenderBlock (floating) {P} at (4,4) size 374x40 [bgcolor=#FFFF00] 182 RenderBlock (floating) {P} at (4,4) size 373.50x40 [bgcolor=#FFFF0 0]
183 RenderText {#text} at (0,0) size 373x39 183 RenderText {#text} at (0,0) size 373x39
184 text run at (0,0) width 373: "This paragraph is of class \"one \". It has a width of 50% and is" 184 text run at (0,0) width 373: "This paragraph is of class \"one \". It has a width of 50% and is"
185 text run at (0,20) width 105: "floated to the left." 185 text run at (0,20) width 105: "floated to the left."
186 RenderBlock {P} at (4,4) size 747x80 186 RenderBlock {P} at (4,4) size 747x80
187 RenderText {#text} at (374,0) size 747x79 187 RenderText {#text} at (374,0) size 747x79
188 text run at (374,0) width 373: "This paragraph should start on the right side of a yellow box" 188 text run at (374,0) width 373: "This paragraph should start on the right side of a yellow box"
189 text run at (374,20) width 373: "which contains the previous p aragraph. Since the text of this" 189 text run at (374,20) width 373: "which contains the previous p aragraph. Since the text of this"
190 text run at (0,40) width 747: "element is much longer than the text in the previous element, the text will wrap around the yellow box. There i s no padding," 190 text run at (0,40) width 747: "element is much longer than the text in the previous element, the text will wrap around the yellow box. There i s no padding,"
191 text run at (0,60) width 709: "border or margins on this and t he previous element, so the text of the two elements should be very close to eac h other." 191 text run at (0,60) width 709: "border or margins on this and t he previous element, so the text of the two elements should be very close to eac h other."
192 RenderBlock (anonymous) at (4,84) size 747x20 192 RenderBlock (anonymous) at (4,84) size 747x20
193 RenderBR {BR} at (0,0) size 0x19 193 RenderBR {BR} at (0,0) size 0x19
194 RenderBlock {HR} at (4,112) size 747x2 [border: (1px inset #EEEEEE )] 194 RenderBlock {HR} at (4,112) size 747x2 [border: (1px inset #EEEEEE )]
195 RenderBlock (floating) {P} at (4,122) size 747x80 [bgcolor=#FFFF00 ] 195 RenderBlock (floating) {P} at (4,122) size 747x80 [bgcolor=#FFFF00 ]
196 RenderText {#text} at (0,0) size 747x79 196 RenderText {#text} at (0,0) size 747x79
197 text run at (0,0) width 747: "This paragraph is of class \"two \". Since the width has been set to 100%, it should automatically be as wide as its parent" 197 text run at (0,0) width 747: "This paragraph is of class \"two \". Since the width has been set to 100%, it should automatically be as wide as its parent"
198 text run at (0,20) width 747: "element allows it to be. Theref ore, even though the element is floated, there is no room for other content on t he sides and a" 198 text run at (0,20) width 747: "element allows it to be. Theref ore, even though the element is floated, there is no room for other content on t he sides and a"
199 text run at (0,40) width 747: "orange square image should be s een AFTER the paragraph, not next to it. A yellow background has been added to t his" 199 text run at (0,40) width 747: "orange square image should be s een AFTER the paragraph, not next to it. A yellow background has been added to t his"
200 text run at (0,60) width 209: "paragraph for diagnostic purpos es." 200 text run at (0,60) width 209: "paragraph for diagnostic purpos es."
201 RenderBlock (anonymous) at (4,122) size 747x100 201 RenderBlock (anonymous) at (4,122) size 747x100
202 RenderImage {IMG} at (0,80) size 15x15 202 RenderImage {IMG} at (0,80) size 15x15
203 RenderText {#text} at (15,80) size 4x19 203 RenderText {#text} at (15,80) size 4x19
204 text run at (15,80) width 4: " " 204 text run at (15,80) width 4: " "
205 RenderBR {BR} at (19,95) size 0x0 205 RenderBR {BR} at (19,95) size 0x0
206 RenderBlock {HR} at (4,230) size 747x2 [border: (1px inset #EEEEEE )] 206 RenderBlock {HR} at (4,230) size 747x2 [border: (1px inset #EEEEEE )]
207 RenderBlock (floating) {P} at (4,240) size 374x120 [bgcolor=#FFFF0 0] 207 RenderBlock (floating) {P} at (4,240) size 373.50x120 [bgcolor=#FF FF00]
208 RenderText {#text} at (0,0) size 373x119 208 RenderText {#text} at (0,0) size 373x119
209 text run at (0,0) width 373: "This paragraph is floated to the left and the orange square" 209 text run at (0,0) width 373: "This paragraph is floated to the left and the orange square"
210 text run at (0,20) width 373: "image should appear to the righ t of the paragraph. This" 210 text run at (0,20) width 373: "image should appear to the righ t of the paragraph. This"
211 text run at (0,40) width 373: "paragraph has a yellow backgrou nd and no padding, margin" 211 text run at (0,40) width 373: "paragraph has a yellow backgrou nd and no padding, margin"
212 text run at (0,60) width 373: "or border. The right edge of th is yellow box should be" 212 text run at (0,60) width 373: "or border. The right edge of th is yellow box should be"
213 text run at (0,80) width 373: "horizontally aligned with the l eft edge of the yellow box" 213 text run at (0,80) width 373: "horizontally aligned with the l eft edge of the yellow box"
214 text run at (0,100) width 75: "undernearth." 214 text run at (0,100) width 75: "undernearth."
215 RenderBlock (anonymous) at (4,240) size 747x120 215 RenderBlock (anonymous) at (4,240) size 747x120
216 RenderImage {IMG} at (374,0) size 15x15 216 RenderImage {IMG} at (374,0) size 15x15
217 RenderText {#text} at (389,0) size 4x19 217 RenderText {#text} at (389,0) size 4x19
218 text run at (389,0) width 4: " " 218 text run at (389,0) width 4: " "
219 RenderBR {BR} at (393,15) size 0x0 219 RenderBR {BR} at (393,15) size 0x0
220 RenderBlock {HR} at (4,368) size 747x2 [border: (1px inset #EEEEEE )] 220 RenderBlock {HR} at (4,368) size 747x2 [border: (1px inset #EEEEEE )]
221 RenderBlock (floating) {P} at (377,378) size 374x120 [bgcolor=#FFF F00] 221 RenderBlock (floating) {P} at (377.50,378) size 373.50x120 [bgcolo r=#FFFF00]
222 RenderText {#text} at (0,0) size 373x119 222 RenderText {#text} at (0,0) size 373x119
223 text run at (0,0) width 373: "This paragraph is floated to the right (using a STYLE" 223 text run at (0,0) width 373: "This paragraph is floated to the right (using a STYLE"
224 text run at (0,20) width 373: "attribute) and the orange squar e image should appear to the" 224 text run at (0,20) width 373: "attribute) and the orange squar e image should appear to the"
225 text run at (0,40) width 373: "left of the paragraph. This par agraph has a yellow background" 225 text run at (0,40) width 373: "left of the paragraph. This par agraph has a yellow background"
226 text run at (0,60) width 373: "and no padding, margin or borde r. The left edge of this yellow" 226 text run at (0,60) width 373: "and no padding, margin or borde r. The left edge of this yellow"
227 text run at (0,80) width 373: "box should be horizonally align ed with the right edge of the" 227 text run at (0,80) width 373: "box should be horizonally align ed with the right edge of the"
228 text run at (0,100) width 111: "yellow box above." 228 text run at (0,100) width 111: "yellow box above."
229 RenderBlock (anonymous) at (4,378) size 747x120 229 RenderBlock (anonymous) at (4,378) size 747x120
230 RenderImage {IMG} at (0,0) size 15x15 230 RenderImage {IMG} at (0,0) size 15x15
231 RenderText {#text} at (15,0) size 4x19 231 RenderText {#text} at (15,0) size 4x19
(...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after
291 text run at (0,160) width 320: "and a red border. The yell ow box should be" 291 text run at (0,160) width 320: "and a red border. The yell ow box should be"
292 text run at (0,180) width 320: "rendered on top of the bot tom red border. I.e., the" 292 text run at (0,180) width 320: "rendered on top of the bot tom red border. I.e., the"
293 text run at (0,200) width 320: "bottom red border will app ear broken where it's" 293 text run at (0,200) width 320: "bottom red border will app ear broken where it's"
294 text run at (0,220) width 194: "overlaid by the yellow rec tangle." 294 text run at (0,220) width 194: "overlaid by the yellow rec tangle."
295 RenderBlock {P} at (4,4) size 739x20 295 RenderBlock {P} at (4,4) size 739x20
296 RenderText {#text} at (0,0) size 255x19 296 RenderText {#text} at (0,0) size 255x19
297 text run at (0,0) width 255: "See description in the box on the right side" 297 text run at (0,0) width 255: "See description in the box on the right side"
298 RenderBlock (anonymous) at (4,900) size 747x246 298 RenderBlock (anonymous) at (4,900) size 747x246
299 RenderBR {BR} at (0,0) size 0x19 299 RenderBR {BR} at (0,0) size 0x19
300 RenderBlock {HR} at (4,1154) size 747x2 [border: (1px inset #EEEEE E)] 300 RenderBlock {HR} at (4,1154) size 747x2 [border: (1px inset #EEEEE E)]
301 RenderBlock (floating) {DIV} at (4,1164) size 187x80 [bgcolor=#66C CFF] 301 RenderBlock (floating) {DIV} at (4,1164) size 186.75x80 [bgcolor=# 66CCFF]
302 RenderBlock {P} at (0,0) size 187x80 302 RenderBlock {P} at (0,0) size 186.75x80
303 RenderText {#text} at (0,0) size 186x79 303 RenderText {#text} at (0,0) size 186x79
304 text run at (0,0) width 186: "This paragraph is inside a DIV " 304 text run at (0,0) width 186: "This paragraph is inside a DIV "
305 text run at (0,20) width 186: "which is floated left. Its" 305 text run at (0,20) width 186: "which is floated left. Its"
306 text run at (0,40) width 186: "background is blue and the" 306 text run at (0,40) width 186: "background is blue and the"
307 text run at (0,60) width 83: "width is 25%." 307 text run at (0,60) width 83: "width is 25%."
308 RenderBlock (floating) {DIV} at (564,1164) size 187x80 [bgcolor=#F FFF00] 308 RenderBlock (floating) {DIV} at (564.25,1164) size 186.75x80 [bgco lor=#FFFF00]
309 RenderBlock {P} at (0,0) size 187x80 309 RenderBlock {P} at (0,0) size 186.75x80
310 RenderText {#text} at (0,0) size 186x79 310 RenderText {#text} at (0,0) size 186x79
311 text run at (0,0) width 186: "This paragraph is inside a DIV " 311 text run at (0,0) width 186: "This paragraph is inside a DIV "
312 text run at (0,20) width 186: "which is floated right. Its" 312 text run at (0,20) width 186: "which is floated right. Its"
313 text run at (0,40) width 186: "background is yellow and the" 313 text run at (0,40) width 186: "background is yellow and the"
314 text run at (0,60) width 83: "width is 25%." 314 text run at (0,60) width 83: "width is 25%."
315 RenderBlock {P} at (4,1164) size 747x40 315 RenderBlock {P} at (4,1164) size 747x40
316 RenderText {#text} at (187,0) size 373x39 316 RenderText {#text} at (187,0) size 373x39
317 text run at (187,0) width 373: "This paragraph should appear b etween a blue box (on the" 317 text run at (187,0) width 373: "This paragraph should appear b etween a blue box (on the"
318 text run at (187,20) width 27: "left) " 318 text run at (187,20) width 27: "left) "
319 text run at (214,20) width 188: "and a yellow box (on the righ t)." 319 text run at (214,20) width 188: "and a yellow box (on the righ t)."
320 RenderBlock (anonymous) at (4,1204) size 747x40 320 RenderBlock (anonymous) at (4,1204) size 747x40
321 RenderBR {BR} at (187,0) size 0x19 321 RenderBR {BR} at (187,0) size 0x19
322 RenderBlock {HR} at (4,1252) size 747x2 [border: (1px inset #EEEEE E)] 322 RenderBlock {HR} at (4,1252) size 747x2 [border: (1px inset #EEEEE E)]
323 RenderBlock (floating) {DIV} at (4,1262) size 561x140 [bgcolor=#66 CCFF] 323 RenderBlock (floating) {DIV} at (4,1262) size 560.25x140 [bgcolor= #66CCFF]
324 RenderBlock (floating) {DIV} at (410,0) size 141x40 [bgcolor=#FF FF00] 324 RenderBlock (floating) {DIV} at (410.19,0) size 140.06x40 [bgcol or=#FFFF00]
325 RenderBlock {P} at (0,0) size 141x40 325 RenderBlock {P} at (0,0) size 140.06x40
326 RenderText {#text} at (0,0) size 140x39 326 RenderText {#text} at (0,0) size 140x39
327 text run at (0,0) width 140: "See description in the" 327 text run at (0,0) width 140: "See description in the"
328 text run at (0,20) width 118: "box on the left side." 328 text run at (0,20) width 118: "box on the left side."
329 RenderBlock {P} at (0,0) size 561x140 329 RenderBlock {P} at (0,0) size 560.25x140
330 RenderText {#text} at (0,0) size 560x139 330 RenderText {#text} at (0,0) size 560x139
331 text run at (0,0) width 338: "This paragraph is inside a DIV which is floated left. The " 331 text run at (0,0) width 338: "This paragraph is inside a DIV which is floated left. The "
332 text run at (338,0) width 72: "background" 332 text run at (338,0) width 72: "background"
333 text run at (0,20) width 326: "of the DIV element is blue an d its width is 75%. This " 333 text run at (0,20) width 326: "of the DIV element is blue an d its width is 75%. This "
334 text run at (326,20) width 84: "text should all" 334 text run at (326,20) width 84: "text should all"
335 text run at (0,40) width 257: "be inside the blue rectangle. The blue DIV " 335 text run at (0,40) width 257: "be inside the blue rectangle. The blue DIV "
336 text run at (257,40) width 303: "element has another DIV ele ment as a child. It has" 336 text run at (257,40) width 303: "element has another DIV ele ment as a child. It has"
337 text run at (0,60) width 55: "a yellow " 337 text run at (0,60) width 55: "a yellow "
338 text run at (55,60) width 348: "background color and is floa ted to the right. Since it is a " 338 text run at (55,60) width 348: "background color and is floa ted to the right. Since it is a "
339 text run at (403,60) width 157: "child of the blue DIV, the" 339 text run at (403,60) width 157: "child of the blue DIV, the"
340 text run at (0,80) width 230: "yellow DIV should appear insi de the " 340 text run at (0,80) width 230: "yellow DIV should appear insi de the "
341 text run at (230,80) width 330: "blue rectangle. Due to it b eing floated to the right and" 341 text run at (230,80) width 330: "blue rectangle. Due to it b eing floated to the right and"
342 text run at (0,100) width 43: "having " 342 text run at (0,100) width 43: "having "
343 text run at (43,100) width 413: "a 10px right margin, the ye llow rectange should have a 10px blue " 343 text run at (43,100) width 413: "a 10px right margin, the ye llow rectange should have a 10px blue "
344 text run at (456,100) width 104: "stripe on its right" 344 text run at (456,100) width 104: "stripe on its right"
345 text run at (0,120) width 28: "side." 345 text run at (0,120) width 28: "side."
346 RenderBlock (anonymous) at (4,1262) size 747x140 346 RenderBlock (anonymous) at (4,1262) size 747x140
347 RenderBR {BR} at (560,0) size 0x19 347 RenderBR {BR} at (560,0) size 0x19
348 RenderBlock {HR} at (4,1410) size 747x2 [border: (1px inset #EEEEE E)] 348 RenderBlock {HR} at (4,1410) size 747x2 [border: (1px inset #EEEEE E)]
OLDNEW
« no previous file with comments | « LayoutTests/platform/win/css1/box_properties/clear_float-expected.txt ('k') | LayoutTests/platform/win/css1/box_properties/margin-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698