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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/platform/mac/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/mac/css1/box_properties/clear_float-expected.txt ('k') | LayoutTests/platform/mac/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 785x2714 1 layer at (0,0) size 785x2714
2 RenderView at (0,0) size 785x600 2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x2714 3 layer at (0,0) size 785x2714
4 RenderBlock {HTML} at (0,0) size 785x2714 4 RenderBlock {HTML} at (0,0) size 785x2714
5 RenderBody {BODY} at (8,8) size 769x2698 [bgcolor=#CCCCCC] 5 RenderBody {BODY} at (8,8) size 769x2698 [bgcolor=#CCCCCC]
6 RenderBlock (floating) {P} at (0,0) size 385x36 [bgcolor=#FFFF00] 6 RenderBlock (floating) {P} at (0,0) size 384.50x36 [bgcolor=#FFFF00]
7 RenderText {#text} at (0,0) size 384x36 7 RenderText {#text} at (0,0) size 384x36
8 text run at (0,0) width 384: "This paragraph is of class \"one\". It h as a width of 50% and" 8 text run at (0,0) width 384: "This paragraph is of class \"one\". It h as a width of 50% and"
9 text run at (0,18) width 124: "is floated to the left." 9 text run at (0,18) width 124: "is floated to the left."
10 RenderBlock {P} at (0,0) size 769x90 10 RenderBlock {P} at (0,0) size 769x90
11 RenderText {#text} at (385,0) size 769x90 11 RenderText {#text} at (385,0) size 769x90
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,18) width 384: "which contains the previous paragraph . Since the text of this" 13 text run at (385,18) width 384: "which contains the previous paragraph . Since the text of this"
14 text run at (0,36) width 769: "element is much longer than the text in the previous element, the text will wrap around the yellow box. There is no" 14 text run at (0,36) width 769: "element is much longer than the text in the previous element, the text will wrap around the yellow box. There is no"
15 text run at (0,54) width 769: "padding, border or margins on this and the previous element, so the text of the two elements should be very close to ea ch" 15 text run at (0,54) width 769: "padding, border or margins on this and the previous element, so the text of the two elements should be very close to ea ch"
16 text run at (0,72) width 36: "other." 16 text run at (0,72) width 36: "other."
17 RenderBlock (anonymous) at (0,90) size 769x18 17 RenderBlock (anonymous) at (0,90) size 769x18
18 RenderBR {BR} at (0,0) size 0x18 18 RenderBR {BR} at (0,0) size 0x18
19 RenderBlock {HR} at (0,116) size 769x2 [border: (1px inset #EEEEEE)] 19 RenderBlock {HR} at (0,116) size 769x2 [border: (1px inset #EEEEEE)]
20 RenderBlock (floating) {P} at (0,126) size 769x72 [bgcolor=#FFFF00] 20 RenderBlock (floating) {P} at (0,126) size 769x72 [bgcolor=#FFFF00]
21 RenderText {#text} at (0,0) size 769x72 21 RenderText {#text} at (0,0) size 769x72
22 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" 22 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"
23 text run at (0,18) width 769: "element allows it to be. Therefore, eve n though the element is floated, there is no room for other content on the sides and a" 23 text run at (0,18) width 769: "element allows it to be. Therefore, eve n though the element is floated, there is no room for other content on the sides and a"
24 text run at (0,36) width 769: "orange square image should be seen AFTE R the paragraph, not next to it. A yellow background has been added to this" 24 text run at (0,36) width 769: "orange square image should be seen AFTE R the paragraph, not next to it. A yellow background has been added to this"
25 text run at (0,54) width 217: "paragraph for diagnostic purposes." 25 text run at (0,54) width 217: "paragraph for diagnostic purposes."
26 RenderBlock (anonymous) at (0,126) size 769x91 26 RenderBlock (anonymous) at (0,126) size 769x91
27 RenderImage {IMG} at (0,72) size 15x15 27 RenderImage {IMG} at (0,72) size 15x15
28 RenderText {#text} at (15,73) size 4x18 28 RenderText {#text} at (15,73) size 4x18
29 text run at (15,73) width 4: " " 29 text run at (15,73) width 4: " "
30 RenderBR {BR} at (19,87) size 0x0 30 RenderBR {BR} at (19,87) size 0x0
31 RenderBlock {HR} at (0,225) size 769x2 [border: (1px inset #EEEEEE)] 31 RenderBlock {HR} at (0,225) size 769x2 [border: (1px inset #EEEEEE)]
32 RenderBlock (floating) {P} at (0,235) size 385x108 [bgcolor=#FFFF00] 32 RenderBlock (floating) {P} at (0,235) size 384.50x108 [bgcolor=#FFFF00]
33 RenderText {#text} at (0,0) size 384x108 33 RenderText {#text} at (0,0) size 384x108
34 text run at (0,0) width 384: "This paragraph is floated to the left an d the orange square" 34 text run at (0,0) width 384: "This paragraph is floated to the left an d the orange square"
35 text run at (0,18) width 384: "image should appear to the right of the paragraph. This" 35 text run at (0,18) width 384: "image should appear to the right of the paragraph. This"
36 text run at (0,36) width 384: "paragraph has a yellow background and n o padding, margin" 36 text run at (0,36) width 384: "paragraph has a yellow background and n o padding, margin"
37 text run at (0,54) width 384: "or border. The right edge of this yello w box should be" 37 text run at (0,54) width 384: "or border. The right edge of this yello w box should be"
38 text run at (0,72) width 384: "horizontally aligned with the left edge of the yellow box" 38 text run at (0,72) width 384: "horizontally aligned with the left edge of the yellow box"
39 text run at (0,90) width 79: "undernearth." 39 text run at (0,90) width 79: "undernearth."
40 RenderBlock (anonymous) at (0,235) size 769x108 40 RenderBlock (anonymous) at (0,235) size 769x108
41 RenderImage {IMG} at (385,0) size 15x15 41 RenderImage {IMG} at (385,0) size 15x15
42 RenderText {#text} at (400,1) size 4x18 42 RenderText {#text} at (400,1) size 4x18
43 text run at (400,1) width 4: " " 43 text run at (400,1) width 4: " "
44 RenderBR {BR} at (404,15) size 0x0 44 RenderBR {BR} at (404,15) size 0x0
45 RenderBlock {HR} at (0,351) size 769x2 [border: (1px inset #EEEEEE)] 45 RenderBlock {HR} at (0,351) size 769x2 [border: (1px inset #EEEEEE)]
46 RenderBlock (floating) {P} at (384,361) size 385x108 [bgcolor=#FFFF00] 46 RenderBlock (floating) {P} at (384.50,361) size 384.50x108 [bgcolor=#FFFF0 0]
47 RenderText {#text} at (0,0) size 384x108 47 RenderText {#text} at (0,0) size 384x108
48 text run at (0,0) width 384: "This paragraph is floated to the right ( using a STYLE" 48 text run at (0,0) width 384: "This paragraph is floated to the right ( using a STYLE"
49 text run at (0,18) width 384: "attribute) and the orange square image should appear to the" 49 text run at (0,18) width 384: "attribute) and the orange square image should appear to the"
50 text run at (0,36) width 384: "left of the paragraph. This paragraph h as a yellow" 50 text run at (0,36) width 384: "left of the paragraph. This paragraph h as a yellow"
51 text run at (0,54) width 384: "background and no padding, margin or bo rder. The left edge" 51 text run at (0,54) width 384: "background and no padding, margin or bo rder. The left edge"
52 text run at (0,72) width 384: "of this yellow box should be horizonall y aligned with the" 52 text run at (0,72) width 384: "of this yellow box should be horizonall y aligned with the"
53 text run at (0,90) width 224: "right edge of the yellow box above." 53 text run at (0,90) width 224: "right edge of the yellow box above."
54 RenderBlock (anonymous) at (0,361) size 769x108 54 RenderBlock (anonymous) at (0,361) size 769x108
55 RenderImage {IMG} at (0,0) size 15x15 55 RenderImage {IMG} at (0,0) size 15x15
56 RenderText {#text} at (15,1) size 4x18 56 RenderText {#text} at (15,1) size 4x18
(...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after
116 text run at (0,144) width 320: "a blue background and a red border . The yellow" 116 text run at (0,144) width 320: "a blue background and a red border . The yellow"
117 text run at (0,162) width 320: "box should be rendered on top of t he bottom red" 117 text run at (0,162) width 320: "box should be rendered on top of t he bottom red"
118 text run at (0,180) width 320: "border. I.e., the bottom red borde r will appear" 118 text run at (0,180) width 320: "border. I.e., the bottom red borde r will appear"
119 text run at (0,198) width 318: "broken where it's overlaid by the yellow rectangle." 119 text run at (0,198) width 318: "broken where it's overlaid by the yellow rectangle."
120 RenderBlock {P} at (4,4) size 761x18 120 RenderBlock {P} at (4,4) size 761x18
121 RenderText {#text} at (0,0) size 268x18 121 RenderText {#text} at (0,0) size 268x18
122 text run at (0,0) width 268: "See description in the box on the righ t side" 122 text run at (0,0) width 268: "See description in the box on the righ t side"
123 RenderBlock (anonymous) at (0,837) size 769x224 123 RenderBlock (anonymous) at (0,837) size 769x224
124 RenderBR {BR} at (0,0) size 0x18 124 RenderBR {BR} at (0,0) size 0x18
125 RenderBlock {HR} at (0,1069) size 769x2 [border: (1px inset #EEEEEE)] 125 RenderBlock {HR} at (0,1069) size 769x2 [border: (1px inset #EEEEEE)]
126 RenderBlock (floating) {DIV} at (0,1079) size 193x72 [bgcolor=#66CCFF] 126 RenderBlock (floating) {DIV} at (0,1079) size 192.25x72 [bgcolor=#66CCFF]
127 RenderBlock {P} at (0,0) size 193x72 127 RenderBlock {P} at (0,0) size 192.25x72
128 RenderText {#text} at (0,0) size 192x72 128 RenderText {#text} at (0,0) size 192x72
129 text run at (0,0) width 192: "This paragraph is inside a" 129 text run at (0,0) width 192: "This paragraph is inside a"
130 text run at (0,18) width 192: "DIV which is floated left. Its" 130 text run at (0,18) width 192: "DIV which is floated left. Its"
131 text run at (0,36) width 192: "background is blue and the" 131 text run at (0,36) width 192: "background is blue and the"
132 text run at (0,54) width 87: "width is 25%." 132 text run at (0,54) width 87: "width is 25%."
133 RenderBlock (floating) {DIV} at (576,1079) size 193x72 [bgcolor=#FFFF00] 133 RenderBlock (floating) {DIV} at (576.75,1079) size 192.25x72 [bgcolor=#FFF F00]
134 RenderBlock {P} at (0,0) size 193x72 134 RenderBlock {P} at (0,0) size 192.25x72
135 RenderText {#text} at (0,0) size 192x72 135 RenderText {#text} at (0,0) size 192x72
136 text run at (0,0) width 192: "This paragraph is inside a" 136 text run at (0,0) width 192: "This paragraph is inside a"
137 text run at (0,18) width 192: "DIV which is floated right. Its" 137 text run at (0,18) width 192: "DIV which is floated right. Its"
138 text run at (0,36) width 192: "background is yellow and the" 138 text run at (0,36) width 192: "background is yellow and the"
139 text run at (0,54) width 87: "width is 25%." 139 text run at (0,54) width 87: "width is 25%."
140 RenderBlock {P} at (0,1079) size 769x36 140 RenderBlock {P} at (0,1079) size 769x36
141 RenderText {#text} at (192,0) size 384x36 141 RenderText {#text} at (192,0) size 384x36
142 text run at (192,0) width 384: "This paragraph should appear between a blue box (on the" 142 text run at (192,0) width 384: "This paragraph should appear between a blue box (on the"
143 text run at (192,18) width 29: "left) " 143 text run at (192,18) width 29: "left) "
144 text run at (221,18) width 199: "and a yellow box (on the right)." 144 text run at (221,18) width 199: "and a yellow box (on the right)."
145 RenderBlock (anonymous) at (0,1115) size 769x36 145 RenderBlock (anonymous) at (0,1115) size 769x36
146 RenderBR {BR} at (192,0) size 0x18 146 RenderBR {BR} at (192,0) size 0x18
147 RenderBlock {HR} at (0,1159) size 769x2 [border: (1px inset #EEEEEE)] 147 RenderBlock {HR} at (0,1159) size 769x2 [border: (1px inset #EEEEEE)]
148 RenderBlock (floating) {DIV} at (0,1169) size 577x126 [bgcolor=#66CCFF] 148 RenderBlock (floating) {DIV} at (0,1169) size 576.75x126 [bgcolor=#66CCFF]
149 RenderBlock (floating) {DIV} at (422,0) size 145x36 [bgcolor=#FFFF00] 149 RenderBlock (floating) {DIV} at (422.56,0) size 144.19x36 [bgcolor=#FFFF 00]
150 RenderBlock {P} at (0,0) size 145x36 150 RenderBlock {P} at (0,0) size 144.19x36
151 RenderText {#text} at (0,0) size 144x36 151 RenderText {#text} at (0,0) size 144x36
152 text run at (0,0) width 144: "See description in the" 152 text run at (0,0) width 144: "See description in the"
153 text run at (0,18) width 124: "box on the left side." 153 text run at (0,18) width 124: "box on the left side."
154 RenderBlock {P} at (0,0) size 577x126 154 RenderBlock {P} at (0,0) size 576.75x126
155 RenderText {#text} at (0,0) size 576x126 155 RenderText {#text} at (0,0) size 576x126
156 text run at (0,0) width 422: "This paragraph is inside a DIV which i s floated left. The" 156 text run at (0,0) width 422: "This paragraph is inside a DIV which i s floated left. The"
157 text run at (0,18) width 422: "background of the DIV element is blue and its width is 75%. This" 157 text run at (0,18) width 422: "background of the DIV element is blue and its width is 75%. This"
158 text run at (0,36) width 364: "text should all be inside the blue re ctangle. The blue DIV " 158 text run at (0,36) width 364: "text should all be inside the blue re ctangle. The blue DIV "
159 text run at (364,36) width 212: "element has another DIV element" 159 text run at (364,36) width 212: "element has another DIV element"
160 text run at (0,54) width 166: "as a child. It has a yellow " 160 text run at (0,54) width 166: "as a child. It has a yellow "
161 text run at (166,54) width 361: "background color and is floated to the right. Since it is a " 161 text run at (166,54) width 361: "background color and is floated to the right. Since it is a "
162 text run at (527,54) width 49: "child of" 162 text run at (527,54) width 49: "child of"
163 text run at (0,72) width 374: "the blue DIV, the yellow DIV should a ppear inside the " 163 text run at (0,72) width 374: "the blue DIV, the yellow DIV should a ppear inside the "
164 text run at (374,72) width 202: "blue rectangle. Due to it being" 164 text run at (374,72) width 202: "blue rectangle. Due to it being"
165 text run at (0,90) width 193: "floated to the right and having " 165 text run at (0,90) width 193: "floated to the right and having "
166 text run at (193,90) width 383: "a 10px right margin, the yellow rec tange should have a 10px" 166 text run at (193,90) width 383: "a 10px right margin, the yellow rec tange should have a 10px"
167 text run at (0,108) width 31: "blue " 167 text run at (0,108) width 31: "blue "
168 text run at (31,108) width 138: "stripe on its right side." 168 text run at (31,108) width 138: "stripe on its right side."
169 RenderBlock (anonymous) at (0,1169) size 769x126 169 RenderBlock (anonymous) at (0,1169) size 769x126
170 RenderBR {BR} at (577,0) size 0x18 170 RenderBR {BR} at (577,0) size 0x18
171 RenderBlock {HR} at (0,1303) size 769x2 [border: (1px inset #EEEEEE)] 171 RenderBlock {HR} at (0,1303) size 769x2 [border: (1px inset #EEEEEE)]
172 RenderTable {TABLE} at (0,1313) size 769x1385 [border: (1px outset #808080 )] 172 RenderTable {TABLE} at (0,1313) size 769x1385 [border: (1px outset #808080 )]
173 RenderTableSection {TBODY} at (1,1) size 767x1383 173 RenderTableSection {TBODY} at (1,1) size 767x1383
174 RenderTableRow {TR} at (0,0) size 767x26 174 RenderTableRow {TR} at (0,0) size 767x26
175 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2] 175 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
176 RenderInline {STRONG} at (0,0) size 163x18 176 RenderInline {STRONG} at (0,0) size 163x18
177 RenderText {#text} at (4,4) size 163x18 177 RenderText {#text} at (4,4) size 163x18
178 text run at (4,4) width 163: "TABLE Testing Section" 178 text run at (4,4) width 163: "TABLE Testing Section"
179 RenderTableRow {TR} at (0,26) size 767x1357 179 RenderTableRow {TR} at (0,26) size 767x1357
180 RenderTableCell {TD} at (0,691) size 12x26 [bgcolor=#C0C0C0] [border : (1px inset #808080)] [r=1 c=0 rs=1 cs=1] 180 RenderTableCell {TD} at (0,691) size 12x26 [bgcolor=#C0C0C0] [border : (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
181 RenderText {#text} at (4,4) size 4x18 181 RenderText {#text} at (4,4) size 4x18
182 text run at (4,4) width 4: " " 182 text run at (4,4) width 4: " "
183 RenderTableCell {TD} at (12,26) size 755x1357 [border: (1px inset #8 08080)] [r=1 c=1 rs=1 cs=1] 183 RenderTableCell {TD} at (12,26) size 755x1357 [border: (1px inset #8 08080)] [r=1 c=1 rs=1 cs=1]
184 RenderBlock (floating) {P} at (4,4) size 374x36 [bgcolor=#FFFF00] 184 RenderBlock (floating) {P} at (4,4) size 373.50x36 [bgcolor=#FFFF0 0]
185 RenderText {#text} at (0,0) size 373x36 185 RenderText {#text} at (0,0) size 373x36
186 text run at (0,0) width 373: "This paragraph is of class \"one \". It has a width of 50% and" 186 text run at (0,0) width 373: "This paragraph is of class \"one \". It has a width of 50% and"
187 text run at (0,18) width 124: "is floated to the left." 187 text run at (0,18) width 124: "is floated to the left."
188 RenderBlock {P} at (4,4) size 747x90 188 RenderBlock {P} at (4,4) size 747x90
189 RenderText {#text} at (374,0) size 747x90 189 RenderText {#text} at (374,0) size 747x90
190 text run at (374,0) width 373: "This paragraph should start on the right side of a yellow" 190 text run at (374,0) width 373: "This paragraph should start on the right side of a yellow"
191 text run at (374,18) width 373: "box which contains the previo us paragraph. Since the text" 191 text run at (374,18) width 373: "box which contains the previo us paragraph. Since the text"
192 text run at (0,36) width 747: "of this element is much longer than the text in the previous element, the text will wrap around the yellow box. There is" 192 text run at (0,36) width 747: "of this element is much longer than the text in the previous element, the text will wrap around the yellow box. There is"
193 text run at (0,54) width 747: "no padding, border or margins o n this and the previous element, so the text of the two elements should be very close to" 193 text run at (0,54) width 747: "no padding, border or margins o n this and the previous element, so the text of the two elements should be very close to"
194 text run at (0,72) width 69: "each other." 194 text run at (0,72) width 69: "each other."
195 RenderBlock (anonymous) at (4,94) size 747x18 195 RenderBlock (anonymous) at (4,94) size 747x18
196 RenderBR {BR} at (0,0) size 0x18 196 RenderBR {BR} at (0,0) size 0x18
197 RenderBlock {HR} at (4,120) size 747x2 [border: (1px inset #EEEEEE )] 197 RenderBlock {HR} at (4,120) size 747x2 [border: (1px inset #EEEEEE )]
198 RenderBlock (floating) {P} at (4,130) size 747x72 [bgcolor=#FFFF00 ] 198 RenderBlock (floating) {P} at (4,130) size 747x72 [bgcolor=#FFFF00 ]
199 RenderText {#text} at (0,0) size 747x72 199 RenderText {#text} at (0,0) size 747x72
200 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" 200 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"
201 text run at (0,18) 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" 201 text run at (0,18) 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"
202 text run at (0,36) width 747: "and a orange square image shoul d be seen AFTER the paragraph, not next to it. A yellow background has been adde d" 202 text run at (0,36) width 747: "and a orange square image shoul d be seen AFTER the paragraph, not next to it. A yellow background has been adde d"
203 text run at (0,54) width 259: "to this paragraph for diagnosti c purposes." 203 text run at (0,54) width 259: "to this paragraph for diagnosti c purposes."
204 RenderBlock (anonymous) at (4,130) size 747x91 204 RenderBlock (anonymous) at (4,130) size 747x91
205 RenderImage {IMG} at (0,72) size 15x15 205 RenderImage {IMG} at (0,72) size 15x15
206 RenderText {#text} at (15,73) size 4x18 206 RenderText {#text} at (15,73) size 4x18
207 text run at (15,73) width 4: " " 207 text run at (15,73) width 4: " "
208 RenderBR {BR} at (19,87) size 0x0 208 RenderBR {BR} at (19,87) size 0x0
209 RenderBlock {HR} at (4,229) size 747x2 [border: (1px inset #EEEEEE )] 209 RenderBlock {HR} at (4,229) size 747x2 [border: (1px inset #EEEEEE )]
210 RenderBlock (floating) {P} at (4,239) size 374x108 [bgcolor=#FFFF0 0] 210 RenderBlock (floating) {P} at (4,239) size 373.50x108 [bgcolor=#FF FF00]
211 RenderText {#text} at (0,0) size 373x108 211 RenderText {#text} at (0,0) size 373x108
212 text run at (0,0) width 373: "This paragraph is floated to the left and the orange square" 212 text run at (0,0) width 373: "This paragraph is floated to the left and the orange square"
213 text run at (0,18) width 373: "image should appear to the righ t of the paragraph. This" 213 text run at (0,18) width 373: "image should appear to the righ t of the paragraph. This"
214 text run at (0,36) width 373: "paragraph has a yellow backgrou nd and no padding," 214 text run at (0,36) width 373: "paragraph has a yellow backgrou nd and no padding,"
215 text run at (0,54) width 373: "margin or border. The right edg e of this yellow box should" 215 text run at (0,54) width 373: "margin or border. The right edg e of this yellow box should"
216 text run at (0,72) width 373: "be horizontally aligned with th e left edge of the yellow box" 216 text run at (0,72) width 373: "be horizontally aligned with th e left edge of the yellow box"
217 text run at (0,90) width 79: "undernearth." 217 text run at (0,90) width 79: "undernearth."
218 RenderBlock (anonymous) at (4,239) size 747x108 218 RenderBlock (anonymous) at (4,239) size 747x108
219 RenderImage {IMG} at (374,0) size 15x15 219 RenderImage {IMG} at (374,0) size 15x15
220 RenderText {#text} at (389,1) size 4x18 220 RenderText {#text} at (389,1) size 4x18
221 text run at (389,1) width 4: " " 221 text run at (389,1) width 4: " "
222 RenderBR {BR} at (393,15) size 0x0 222 RenderBR {BR} at (393,15) size 0x0
223 RenderBlock {HR} at (4,355) size 747x2 [border: (1px inset #EEEEEE )] 223 RenderBlock {HR} at (4,355) size 747x2 [border: (1px inset #EEEEEE )]
224 RenderBlock (floating) {P} at (377,365) size 374x108 [bgcolor=#FFF F00] 224 RenderBlock (floating) {P} at (377.50,365) size 373.50x108 [bgcolo r=#FFFF00]
225 RenderText {#text} at (0,0) size 373x108 225 RenderText {#text} at (0,0) size 373x108
226 text run at (0,0) width 373: "This paragraph is floated to the right (using a STYLE" 226 text run at (0,0) width 373: "This paragraph is floated to the right (using a STYLE"
227 text run at (0,18) width 373: "attribute) and the orange squar e image should appear to the" 227 text run at (0,18) width 373: "attribute) and the orange squar e image should appear to the"
228 text run at (0,36) width 373: "left of the paragraph. This par agraph has a yellow" 228 text run at (0,36) width 373: "left of the paragraph. This par agraph has a yellow"
229 text run at (0,54) width 373: "background and no padding, marg in or border. The left" 229 text run at (0,54) width 373: "background and no padding, marg in or border. The left"
230 text run at (0,72) width 373: "edge of this yellow box should be horizonally aligned with" 230 text run at (0,72) width 373: "edge of this yellow box should be horizonally aligned with"
231 text run at (0,90) width 247: "the right edge of the yellow bo x above." 231 text run at (0,90) width 247: "the right edge of the yellow bo x above."
232 RenderBlock (anonymous) at (4,365) size 747x108 232 RenderBlock (anonymous) at (4,365) size 747x108
233 RenderImage {IMG} at (0,0) size 15x15 233 RenderImage {IMG} at (0,0) size 15x15
234 RenderText {#text} at (15,1) size 4x18 234 RenderText {#text} at (15,1) size 4x18
(...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after
296 text run at (0,144) width 320: "a blue background and a re d border. The yellow" 296 text run at (0,144) width 320: "a blue background and a re d border. The yellow"
297 text run at (0,162) width 320: "box should be rendered on top of the bottom red" 297 text run at (0,162) width 320: "box should be rendered on top of the bottom red"
298 text run at (0,180) width 320: "border. I.e., the bottom r ed border will appear" 298 text run at (0,180) width 320: "border. I.e., the bottom r ed border will appear"
299 text run at (0,198) width 318: "broken where it's overlaid by the yellow rectangle." 299 text run at (0,198) width 318: "broken where it's overlaid by the yellow rectangle."
300 RenderBlock {P} at (4,4) size 739x18 300 RenderBlock {P} at (4,4) size 739x18
301 RenderText {#text} at (0,0) size 268x18 301 RenderText {#text} at (0,0) size 268x18
302 text run at (0,0) width 268: "See description in the box on the right side" 302 text run at (0,0) width 268: "See description in the box on the right side"
303 RenderBlock (anonymous) at (4,877) size 747x224 303 RenderBlock (anonymous) at (4,877) size 747x224
304 RenderBR {BR} at (0,0) size 0x18 304 RenderBR {BR} at (0,0) size 0x18
305 RenderBlock {HR} at (4,1109) size 747x2 [border: (1px inset #EEEEE E)] 305 RenderBlock {HR} at (4,1109) size 747x2 [border: (1px inset #EEEEE E)]
306 RenderBlock (floating) {DIV} at (4,1119) size 187x72 [bgcolor=#66C CFF] 306 RenderBlock (floating) {DIV} at (4,1119) size 186.75x72 [bgcolor=# 66CCFF]
307 RenderBlock {P} at (0,0) size 187x72 307 RenderBlock {P} at (0,0) size 186.75x72
308 RenderText {#text} at (0,0) size 186x72 308 RenderText {#text} at (0,0) size 186x72
309 text run at (0,0) width 186: "This paragraph is inside a" 309 text run at (0,0) width 186: "This paragraph is inside a"
310 text run at (0,18) width 186: "DIV which is floated left. It s" 310 text run at (0,18) width 186: "DIV which is floated left. It s"
311 text run at (0,36) width 186: "background is blue and the" 311 text run at (0,36) width 186: "background is blue and the"
312 text run at (0,54) width 87: "width is 25%." 312 text run at (0,54) width 87: "width is 25%."
313 RenderBlock (floating) {DIV} at (564,1119) size 187x72 [bgcolor=#F FFF00] 313 RenderBlock (floating) {DIV} at (564.25,1119) size 186.75x72 [bgco lor=#FFFF00]
314 RenderBlock {P} at (0,0) size 187x72 314 RenderBlock {P} at (0,0) size 186.75x72
315 RenderText {#text} at (0,0) size 186x72 315 RenderText {#text} at (0,0) size 186x72
316 text run at (0,0) width 186: "This paragraph is inside a" 316 text run at (0,0) width 186: "This paragraph is inside a"
317 text run at (0,18) width 186: "DIV which is floated right." 317 text run at (0,18) width 186: "DIV which is floated right."
318 text run at (0,36) width 20: "Its " 318 text run at (0,36) width 20: "Its "
319 text run at (20,36) width 166: "background is yellow and" 319 text run at (20,36) width 166: "background is yellow and"
320 text run at (0,54) width 110: "the width is 25%." 320 text run at (0,54) width 110: "the width is 25%."
321 RenderBlock {P} at (4,1119) size 747x36 321 RenderBlock {P} at (4,1119) size 747x36
322 RenderText {#text} at (187,0) size 373x36 322 RenderText {#text} at (187,0) size 373x36
323 text run at (187,0) width 373: "This paragraph should appear b etween a blue box (on the" 323 text run at (187,0) width 373: "This paragraph should appear b etween a blue box (on the"
324 text run at (187,18) width 29: "left) " 324 text run at (187,18) width 29: "left) "
325 text run at (216,18) width 199: "and a yellow box (on the righ t)." 325 text run at (216,18) width 199: "and a yellow box (on the righ t)."
326 RenderBlock (anonymous) at (4,1155) size 747x36 326 RenderBlock (anonymous) at (4,1155) size 747x36
327 RenderBR {BR} at (187,0) size 0x18 327 RenderBR {BR} at (187,0) size 0x18
328 RenderBlock {HR} at (4,1199) size 747x2 [border: (1px inset #EEEEE E)] 328 RenderBlock {HR} at (4,1199) size 747x2 [border: (1px inset #EEEEE E)]
329 RenderBlock (floating) {DIV} at (4,1209) size 561x126 [bgcolor=#66 CCFF] 329 RenderBlock (floating) {DIV} at (4,1209) size 560.25x126 [bgcolor= #66CCFF]
330 RenderBlock (floating) {DIV} at (410,0) size 141x36 [bgcolor=#FF FF00] 330 RenderBlock (floating) {DIV} at (410.19,0) size 140.06x36 [bgcol or=#FFFF00]
331 RenderBlock {P} at (0,0) size 141x36 331 RenderBlock {P} at (0,0) size 140.06x36
332 RenderText {#text} at (0,0) size 140x36 332 RenderText {#text} at (0,0) size 140x36
333 text run at (0,0) width 140: "See description in the" 333 text run at (0,0) width 140: "See description in the"
334 text run at (0,18) width 124: "box on the left side." 334 text run at (0,18) width 124: "box on the left side."
335 RenderBlock {P} at (0,0) size 561x126 335 RenderBlock {P} at (0,0) size 560.25x126
336 RenderText {#text} at (0,0) size 560x126 336 RenderText {#text} at (0,0) size 560x126
337 text run at (0,0) width 410: "This paragraph is inside a DIV which is floated left. The" 337 text run at (0,0) width 410: "This paragraph is inside a DIV which is floated left. The"
338 text run at (0,18) width 410: "background of the DIV element is blue and its width is 75%." 338 text run at (0,18) width 410: "background of the DIV element is blue and its width is 75%."
339 text run at (0,36) width 32: "This " 339 text run at (0,36) width 32: "This "
340 text run at (32,36) width 368: "text should all be inside th e blue rectangle. The blue DIV " 340 text run at (32,36) width 368: "text should all be inside th e blue rectangle. The blue DIV "
341 text run at (400,36) width 160: "element has another DIV" 341 text run at (400,36) width 160: "element has another DIV"
342 text run at (0,54) width 217: "element as a child. It has a yellow " 342 text run at (0,54) width 217: "element as a child. It has a yellow "
343 text run at (217,54) width 343: "background color and is flo ated to the right. Since it is" 343 text run at (217,54) width 343: "background color and is flo ated to the right. Since it is"
344 text run at (0,72) width 11: "a " 344 text run at (0,72) width 11: "a "
345 text run at (11,72) width 408: "child of the blue DIV, the y ellow DIV should appear inside the " 345 text run at (11,72) width 408: "child of the blue DIV, the y ellow DIV should appear inside the "
346 text run at (419,72) width 141: "blue rectangle. Due to" 346 text run at (419,72) width 141: "blue rectangle. Due to"
347 text run at (0,90) width 252: "it being floated to the right and having " 347 text run at (0,90) width 252: "it being floated to the right and having "
348 text run at (252,90) width 308: "a 10px right margin, the ye llow rectange should" 348 text run at (252,90) width 308: "a 10px right margin, the ye llow rectange should"
349 text run at (0,108) width 112: "have a 10px blue " 349 text run at (0,108) width 112: "have a 10px blue "
350 text run at (112,108) width 138: "stripe on its right side." 350 text run at (112,108) width 138: "stripe on its right side."
351 RenderBlock (anonymous) at (4,1209) size 747x126 351 RenderBlock (anonymous) at (4,1209) size 747x126
352 RenderBR {BR} at (560,0) size 0x18 352 RenderBR {BR} at (560,0) size 0x18
353 RenderBlock {HR} at (4,1343) size 747x2 [border: (1px inset #EEEEE E)] 353 RenderBlock {HR} at (4,1343) size 747x2 [border: (1px inset #EEEEE E)]
OLDNEW
« no previous file with comments | « LayoutTests/platform/mac/css1/box_properties/clear_float-expected.txt ('k') | LayoutTests/platform/mac/css1/box_properties/margin-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698