Index: LayoutTests/platform/mac/css1/formatting_model/floating_elements-expected.txt |
diff --git a/LayoutTests/platform/mac/css1/formatting_model/floating_elements-expected.txt b/LayoutTests/platform/mac/css1/formatting_model/floating_elements-expected.txt |
index 171e192eb4ac9014c83c06096a5f319f6e934d98..dc37aa9a5cb7a71417630ca11ff1c2885377038c 100644 |
--- a/LayoutTests/platform/mac/css1/formatting_model/floating_elements-expected.txt |
+++ b/LayoutTests/platform/mac/css1/formatting_model/floating_elements-expected.txt |
@@ -25,13 +25,13 @@ layer at (0,0) size 785x6281 |
text run at (0,105) width 176: ".right {float: right;}" |
text run at (176,105) width 0: " " |
text run at (0,120) width 0: " " |
- RenderBlock {HR} at (0,182) size 769x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (0,182) size 769x2 [border: (1px inset #EEEEEE)] |
RenderBlock {P} at (0,200) size 769x36 |
RenderText {#text} at (0,0) size 751x36 |
text run at (0,0) width 681: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. " |
text run at (681,0) width 67: "Other than" |
text run at (0,18) width 751: "the substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of the floats." |
- RenderBlock {HR} at (24,260) size 579x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (24,260) size 579x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (2,286) size 765x100 [border: (5px solid #800080)] |
RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
RenderText {#text} at (17,17) size 130x54 |
@@ -50,7 +50,7 @@ layer at (0,0) size 785x6281 |
text run at (199,41) width 356: "of this DIV, which means that the borders of the floating" |
text run at (199,59) width 360: "elements should not overlap the top or side borders of the" |
text run at (199,77) width 33: "DIV." |
- RenderBlock {HR} at (364,394) size 41x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (364,394) size 41x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (2,404) size 765x64 [border: (5px solid #800080)] |
RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] |
@@ -59,7 +59,7 @@ layer at (0,0) size 785x6281 |
text run at (197,5) width 536: "The floating images within this DIV should not go beyond the left or right inner edge" |
text run at (20,23) width 709: "of this DIV, which means that the borders of the floating images should not overlap the top or side borders of the" |
text run at (5,41) width 33: "DIV." |
- RenderBlock {HR} at (24,492) size 579x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (24,492) size 579x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (2,518) size 442x226 [border: (5px solid #800080)] |
RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
RenderText {#text} at (17,17) size 122x36 |
@@ -88,7 +88,7 @@ layer at (0,0) size 785x6281 |
text run at (116,167) width 297: "In addition, they should not overlap each other." |
text run at (5,185) width 425: "The first two should be side by side, whereas the third should be on" |
text run at (5,203) width 95: "the next \"line.\"" |
- RenderBlock {HR} at (364,752) size 41x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (364,752) size 41x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (2,762) size 360x190 [border: (5px solid #800080)] |
RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)] |
RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)] |
@@ -107,7 +107,7 @@ layer at (0,0) size 785x6281 |
text run at (5,149) width 40: "other. " |
text run at (45,149) width 307: "The first two should be side by side, whereas the" |
text run at (5,167) width 213: "third should be on the next \"line.\"" |
- RenderBlock {HR} at (24,976) size 579x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (24,976) size 579x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (2,1002) size 314x350 [border: (5px solid #800080)] |
RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
RenderText {#text} at (17,17) size 130x54 |
@@ -139,7 +139,7 @@ layer at (0,0) size 785x6281 |
text run at (5,291) width 268: "side-by-side, but instead the first should be" |
text run at (5,309) width 288: "floated left, and the second floated to the right" |
text run at (5,327) width 94: "below the first." |
- RenderBlock {HR} at (364,1360) size 41x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (364,1360) size 41x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (2,1370) size 410x226 [border: (5px solid #800080)] |
RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)] |
RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)] |
@@ -159,7 +159,7 @@ layer at (0,0) size 785x6281 |
text run at (5,167) width 382: "the floated images should not be side-by-side, but instead the" |
text run at (5,185) width 381: "first should be floated left, and the second floated to the right" |
text run at (5,203) width 94: "below the first." |
- RenderBlock {HR} at (24,1620) size 579x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (24,1620) size 579x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (2,1646) size 765x118 [border: (5px solid #800080)] |
RenderBlock (floating) {P} at (566,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
RenderText {#text} at (17,17) size 139x54 |
@@ -180,7 +180,7 @@ layer at (0,0) size 785x6281 |
text run at (199,77) width 62: "any way. " |
text run at (261,77) width 264: "In addition, the top of the left-floating box" |
text run at (5,95) width 365: "should not be higher than the top of the right-floating box." |
- RenderBlock {HR} at (364,1772) size 41x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (364,1772) size 41x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (2,1782) size 765x64 [border: (5px solid #800080)] |
RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] |
@@ -190,7 +190,7 @@ layer at (0,0) size 785x6281 |
text run at (20,23) width 705: "which means that the borders of the floating images should not overlap the top or side borders of the DIV in any" |
text run at (5,41) width 35: "way. " |
text run at (40,41) width 661: "In addition, the top of the left-floating image should not be higher than the top of the right-floating image." |
- RenderBlock {HR} at (24,1870) size 579x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (24,1870) size 579x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (2,1896) size 765x136 [border: (5px solid #800080)] |
RenderText {#text} at (199,5) size 185x18 |
text run at (199,5) width 177: "This is text within the DIV. " |
@@ -217,7 +217,7 @@ layer at (0,0) size 785x6281 |
text run at (530,77) width 13: "In" |
text run at (5,95) width 545: "order to mark these points clearly, an asterisk has been inserted just before each floated" |
text run at (5,113) width 53: "element." |
- RenderBlock {HR} at (364,2040) size 41x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (364,2040) size 41x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (2,2050) size 765x82 [border: (5px solid #800080)] |
RenderText {#text} at (20,5) size 185x18 |
text run at (20,5) width 177: "This is text within the DIV. " |
@@ -233,7 +233,7 @@ layer at (0,0) size 785x6281 |
text run at (5,41) width 725: "high as the top edge of the inline element containing the content just before the floating images occur in the source. " |
text run at (730,41) width 13: "In" |
text run at (5,59) width 591: "order to mark these points clearly, an asterisk has been inserted just before each floated image." |
- RenderBlock {HR} at (24,2156) size 579x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (24,2156) size 579x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (2,2182) size 765x262 [border: (5px solid #800080)] |
RenderText {#text} at (199,5) size 185x18 |
text run at (199,5) width 177: "This is text within the DIV. " |
@@ -283,7 +283,7 @@ layer at (0,0) size 785x6281 |
text run at (5,221) width 722: "has room for a floated element, then the element should float so that its top is aligned with the top of the line-box in" |
text run at (5,239) width 173: "which the asterisk appears. " |
text run at (178,239) width 402: "Otherwise, its top should align with the top of the next line-box." |
- RenderBlock {HR} at (364,2452) size 41x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (364,2452) size 41x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (2,2462) size 765x118 [border: (5px solid #800080)] |
RenderText {#text} at (20,5) size 185x18 |
text run at (20,5) width 177: "This is text within the DIV. " |
@@ -310,7 +310,7 @@ layer at (0,0) size 785x6281 |
text run at (20,77) width 700: "has room for a floated image, then the image should float so that its top is aligned with the top of the line-box in" |
text run at (5,95) width 173: "which the asterisk appears. " |
text run at (178,95) width 402: "Otherwise, its top should align with the top of the next line-box." |
- RenderBlock {HR} at (24,2604) size 579x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (24,2604) size 579x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (2,2630) size 490x298 [border: (5px solid #800080)] |
RenderText {#text} at (199,5) size 54x18 |
text run at (199,5) width 54: "This is *" |
@@ -343,7 +343,7 @@ layer at (0,0) size 785x6281 |
text run at (5,239) width 475: "align with the top of the line-box following the insertion point of the floated" |
text run at (5,257) width 466: "element to avoid floating elements appearing before text which precedes it" |
text run at (5,275) width 150: "in the source document." |
- RenderBlock {HR} at (364,2936) size 41x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (364,2936) size 41x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (2,2946) size 490x226 [border: (5px solid #800080)] |
RenderText {#text} at (20,5) size 54x18 |
text run at (20,5) width 54: "This is *" |
@@ -366,7 +366,7 @@ layer at (0,0) size 785x6281 |
text run at (5,167) width 429: "line-box following the insertion point of the floated element to avoid" |
text run at (5,185) width 442: "floating elements appearing before text which precedes it in the source" |
text run at (5,203) width 66: "document." |
- RenderBlock {HR} at (24,3196) size 579x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (24,3196) size 579x2 [border: (1px inset #EEEEEE)] |
RenderTable {TABLE} at (0,3222) size 769x3043 [border: (1px outset #808080)] |
RenderTableSection {TBODY} at (1,1) size 767x3041 |
RenderTableRow {TR} at (0,0) size 767x26 |
@@ -385,7 +385,7 @@ layer at (0,0) size 785x6281 |
text run at (681,0) width 36: "Other" |
text run at (0,18) width 740: "than the substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of the" |
text run at (0,36) width 38: "floats." |
- RenderBlock {HR} at (28,82) size 563x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (28,82) size 563x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (6,108) size 743x100 [border: (5px solid #800080)] |
RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
RenderText {#text} at (17,17) size 130x54 |
@@ -404,7 +404,7 @@ layer at (0,0) size 785x6281 |
text run at (199,41) width 334: "inner edge of this DIV, which means that the borders" |
text run at (199,59) width 332: "of the floating elements should not overlap the top or" |
text run at (199,77) width 153: "side borders of the DIV." |
- RenderBlock {HR} at (357,216) size 41x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (357,216) size 41x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (6,226) size 743x64 [border: (5px solid #800080)] |
RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000000)] |
@@ -413,7 +413,7 @@ layer at (0,0) size 785x6281 |
text run at (197,5) width 502: "The floating images within this DIV should not go beyond the left or right inner" |
text run at (20,23) width 703: "edge of this DIV, which means that the borders of the floating images should not overlap the top or side borders" |
text run at (5,41) width 73: "of the DIV." |
- RenderBlock {HR} at (28,314) size 563x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (28,314) size 563x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (6,340) size 442x226 [border: (5px solid #800080)] |
RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
RenderText {#text} at (17,17) size 122x36 |
@@ -442,7 +442,7 @@ layer at (0,0) size 785x6281 |
text run at (116,167) width 297: "In addition, they should not overlap each other." |
text run at (5,185) width 425: "The first two should be side by side, whereas the third should be on" |
text run at (5,203) width 95: "the next \"line.\"" |
- RenderBlock {HR} at (357,574) size 41x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (357,574) size 41x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (6,584) size 360x190 [border: (5px solid #800080)] |
RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)] |
RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)] |
@@ -461,7 +461,7 @@ layer at (0,0) size 785x6281 |
text run at (5,149) width 40: "other. " |
text run at (45,149) width 307: "The first two should be side by side, whereas the" |
text run at (5,167) width 213: "third should be on the next \"line.\"" |
- RenderBlock {HR} at (28,798) size 563x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (28,798) size 563x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (6,824) size 314x350 [border: (5px solid #800080)] |
RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
RenderText {#text} at (17,17) size 130x54 |
@@ -493,7 +493,7 @@ layer at (0,0) size 785x6281 |
text run at (5,291) width 268: "side-by-side, but instead the first should be" |
text run at (5,309) width 288: "floated left, and the second floated to the right" |
text run at (5,327) width 94: "below the first." |
- RenderBlock {HR} at (357,1182) size 41x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (357,1182) size 41x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (6,1192) size 410x226 [border: (5px solid #800080)] |
RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)] |
RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)] |
@@ -513,7 +513,7 @@ layer at (0,0) size 785x6281 |
text run at (5,167) width 382: "the floated images should not be side-by-side, but instead the" |
text run at (5,185) width 381: "first should be floated left, and the second floated to the right" |
text run at (5,203) width 94: "below the first." |
- RenderBlock {HR} at (28,1442) size 563x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (28,1442) size 563x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (6,1468) size 743x118 [border: (5px solid #800080)] |
RenderBlock (floating) {P} at (544,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
RenderText {#text} at (17,17) size 139x54 |
@@ -534,7 +534,7 @@ layer at (0,0) size 785x6281 |
text run at (199,77) width 134: "the DIV in any way. " |
text run at (333,77) width 188: "In addition, the top of the left-" |
text run at (5,95) width 445: "floating box should not be higher than the top of the right-floating box." |
- RenderBlock {HR} at (357,1594) size 41x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (357,1594) size 41x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (6,1604) size 743x64 [border: (5px solid #800080)] |
RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000000)] |
@@ -544,7 +544,7 @@ layer at (0,0) size 785x6281 |
text run at (20,23) width 678: "which means that the borders of the floating images should not overlap the top or side borders of the DIV in" |
text run at (5,41) width 62: "any way. " |
text run at (67,41) width 661: "In addition, the top of the left-floating image should not be higher than the top of the right-floating image." |
- RenderBlock {HR} at (28,1692) size 563x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (28,1692) size 563x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (6,1718) size 743x136 [border: (5px solid #800080)] |
RenderText {#text} at (199,5) size 185x18 |
text run at (199,5) width 177: "This is text within the DIV. " |
@@ -570,7 +570,7 @@ layer at (0,0) size 785x6281 |
text run at (5,95) width 127: "occur in the source. " |
text run at (132,95) width 412: "In order to mark these points clearly, an asterisk has been inserted" |
text run at (5,113) width 203: "just before each floated element." |
- RenderBlock {HR} at (357,1862) size 41x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (357,1862) size 41x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (6,1872) size 743x82 [border: (5px solid #800080)] |
RenderText {#text} at (20,5) size 185x18 |
text run at (20,5) width 177: "This is text within the DIV. " |
@@ -586,7 +586,7 @@ layer at (0,0) size 785x6281 |
text run at (5,41) width 689: "as high as the top edge of the inline element containing the content just before the floating images occur in the" |
text run at (5,59) width 49: "source. " |
text run at (54,59) width 608: "In order to mark these points clearly, an asterisk has been inserted just before each floated image." |
- RenderBlock {HR} at (28,1978) size 563x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (28,1978) size 563x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (6,2004) size 743x226 [border: (5px solid #800080)] |
RenderText {#text} at (199,5) size 185x18 |
text run at (199,5) width 177: "This is text within the DIV. " |
@@ -633,7 +633,7 @@ layer at (0,0) size 785x6281 |
text run at (199,185) width 470: "its top is aligned with the top of the line-box in which the asterisk appears. " |
text run at (669,185) width 69: "Otherwise," |
text run at (199,203) width 329: "its top should align with the top of the next line-box." |
- RenderBlock {HR} at (357,2241) size 41x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (357,2241) size 41x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (6,2251) size 743x118 [border: (5px solid #800080)] |
RenderText {#text} at (20,5) size 185x18 |
text run at (20,5) width 177: "This is text within the DIV. " |
@@ -659,7 +659,7 @@ layer at (0,0) size 785x6281 |
text run at (20,77) width 712: "If a line has room for a floated image, then the image should float so that its top is aligned with the top of the line-" |
text run at (5,95) width 217: "box in which the asterisk appears. " |
text run at (222,95) width 402: "Otherwise, its top should align with the top of the next line-box." |
- RenderBlock {HR} at (28,2393) size 563x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (28,2393) size 563x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (6,2419) size 490x298 [border: (5px solid #800080)] |
RenderText {#text} at (199,5) size 54x18 |
text run at (199,5) width 54: "This is *" |
@@ -692,7 +692,7 @@ layer at (0,0) size 785x6281 |
text run at (5,239) width 475: "align with the top of the line-box following the insertion point of the floated" |
text run at (5,257) width 466: "element to avoid floating elements appearing before text which precedes it" |
text run at (5,275) width 150: "in the source document." |
- RenderBlock {HR} at (357,2725) size 41x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (357,2725) size 41x2 [border: (1px inset #EEEEEE)] |
RenderBlock {DIV} at (6,2735) size 490x226 [border: (5px solid #800080)] |
RenderText {#text} at (20,5) size 54x18 |
text run at (20,5) width 54: "This is *" |
@@ -715,4 +715,4 @@ layer at (0,0) size 785x6281 |
text run at (5,167) width 429: "line-box following the insertion point of the floated element to avoid" |
text run at (5,185) width 442: "floating elements appearing before text which precedes it in the source" |
text run at (5,203) width 66: "document." |
- RenderBlock {HR} at (28,2985) size 563x2 [border: (1px inset #000000)] |
+ RenderBlock {HR} at (28,2985) size 563x2 [border: (1px inset #EEEEEE)] |