+2009-11-10 Andras Becsi <becsi.andras@stud.u-szeged.hu>
+
+ Reviewed by Kenneth Rohde Christiansen.
+
+ [Qt] Update outdated metrics in these tests after r50665 enabled the previously missing scrollbar.
+ This fixes https://bugs.webkit.org/show_bug.cgi?id=31281.
+
+ * platform/qt/css1/basic/class_as_selector-expected.txt:
+ * platform/qt/css1/basic/comments-expected.txt:
+ * platform/qt/css1/basic/containment-expected.txt:
+ * platform/qt/css1/basic/id_as_selector-expected.txt:
+ * platform/qt/css1/basic/inheritance-expected.txt:
+ * platform/qt/css1/box_properties/border-expected.txt:
+ * platform/qt/css1/box_properties/border_bottom-expected.txt:
+ * platform/qt/css1/box_properties/border_bottom_width-expected.txt:
+ * platform/qt/css1/box_properties/border_left-expected.txt:
+ * platform/qt/css1/box_properties/border_left_width-expected.txt:
+ * platform/qt/css1/box_properties/border_right_inline-expected.txt:
+ * platform/qt/css1/box_properties/border_right_width-expected.txt:
+ * platform/qt/css1/box_properties/border_style-expected.txt:
+ * platform/qt/css1/box_properties/border_top-expected.txt:
+ * platform/qt/css1/box_properties/border_top_width-expected.txt:
+ * platform/qt/css1/box_properties/border_width-expected.txt:
+ * platform/qt/css1/box_properties/clear-expected.txt:
+ * platform/qt/css1/box_properties/clear_float-expected.txt:
+ * platform/qt/css1/box_properties/float_elements_in_series-expected.txt:
+ * platform/qt/css1/box_properties/float_margin-expected.txt:
+ * platform/qt/css1/box_properties/float_on_text_elements-expected.txt:
+ * platform/qt/css1/box_properties/height-expected.txt:
+ * platform/qt/css1/box_properties/margin-expected.txt:
+ * platform/qt/css1/box_properties/margin_bottom-expected.txt:
+ * platform/qt/css1/box_properties/margin_inline-expected.txt:
+ * platform/qt/css1/box_properties/margin_left-expected.txt:
+ * platform/qt/css1/box_properties/margin_right-expected.txt:
+ * platform/qt/css1/box_properties/margin_top-expected.txt:
+ * platform/qt/css1/box_properties/padding-expected.txt:
+ * platform/qt/css1/box_properties/padding_bottom-expected.txt:
+ * platform/qt/css1/box_properties/padding_inline-expected.txt:
+ * platform/qt/css1/box_properties/padding_left-expected.txt:
+ * platform/qt/css1/box_properties/padding_right-expected.txt:
+ * platform/qt/css1/box_properties/padding_top-expected.txt:
+ * platform/qt/css1/box_properties/width-expected.txt:
+ * platform/qt/css1/cascade/cascade_order-expected.txt:
+ * platform/qt/css1/cascade/important-expected.txt:
+ * platform/qt/css1/classification/display-expected.txt:
+ * platform/qt/css1/classification/list_style_type-expected.txt:
+ * platform/qt/css1/classification/white_space-expected.txt:
+ * platform/qt/css1/color_and_background/background-expected.txt:
+ * platform/qt/css1/color_and_background/background_attachment-expected.txt:
+ * platform/qt/css1/color_and_background/background_color-expected.txt:
+ * platform/qt/css1/color_and_background/background_image-expected.txt:
+ * platform/qt/css1/color_and_background/background_position-expected.txt:
+ * platform/qt/css1/color_and_background/background_repeat-expected.txt:
+ * platform/qt/css1/conformance/forward_compatible_parsing-expected.txt:
+ * platform/qt/css1/font_properties/font-expected.txt:
+ * platform/qt/css1/font_properties/font_family-expected.txt:
+ * platform/qt/css1/font_properties/font_size-expected.txt:
+ * platform/qt/css1/font_properties/font_weight-expected.txt:
+ * platform/qt/css1/formatting_model/floating_elements-expected.txt:
+ * platform/qt/css1/formatting_model/height_of_lines-expected.txt:
+ * platform/qt/css1/formatting_model/horizontal_formatting-expected.txt:
+ * platform/qt/css1/formatting_model/inline_elements-expected.txt:
+ * platform/qt/css1/formatting_model/replaced_elements-expected.txt:
+ * platform/qt/css1/formatting_model/vertical_formatting-expected.txt:
+ * platform/qt/css1/pseudo/anchor-expected.txt:
+ * platform/qt/css1/pseudo/firstletter-expected.txt:
+ * platform/qt/css1/pseudo/firstline-expected.txt:
+ * platform/qt/css1/pseudo/multiple_pseudo_elements-expected.txt:
+ * platform/qt/css1/pseudo/pseudo_elements_in_selectors-expected.txt:
+ * platform/qt/css1/text_properties/letter_spacing-expected.txt:
+ * platform/qt/css1/text_properties/line_height-expected.txt:
+ * platform/qt/css1/text_properties/text_decoration-expected.txt:
+ * platform/qt/css1/text_properties/text_indent-expected.txt:
+ * platform/qt/css1/text_properties/text_transform-expected.txt:
+ * platform/qt/css1/text_properties/vertical_align-expected.txt:
+ * platform/qt/css1/text_properties/word_spacing-expected.txt:
+ * platform/qt/css1/units/color_units-expected.txt:
+ * platform/qt/css1/units/length_units-expected.txt:
+ * platform/qt/css1/units/percentage_units-expected.txt:
+ * platform/qt/css2.1/t0402-c71-fwd-parsing-02-f-expected.txt:
+ * platform/qt/css2.1/t1202-counter-09-b-expected.txt:
+ * platform/qt/css2.1/t1202-counters-08-b-expected.txt:
+ * platform/qt/css2.1/t1202-counters-09-b-expected.txt:
+ * platform/qt/css2.1/t140201-c535-bg-fixd-00-b-g-expected.txt:
+ * platform/qt/css2.1/t1508-c527-font-07-b-expected.txt:
+ * platform/qt/fast/backgrounds/background-inherit-color-bug-expected.txt:
+ * platform/qt/fast/backgrounds/size/backgroundSize15-expected.txt:
+ * platform/qt/fast/block/float/008-expected.txt:
+ * platform/qt/fast/block/float/019-expected.txt:
+ * platform/qt/fast/block/float/033-expected.txt:
+ * platform/qt/fast/block/float/035-expected.txt:
+ * platform/qt/fast/block/float/avoidance-percent-width-strict-expected.txt:
+ * platform/qt/fast/box-shadow/basic-shadows-expected.txt:
+ * platform/qt/fast/canvas/canvas-bg-expected.txt:
+ * platform/qt/fast/css/nested-floating-relative-position-percentages-expected.txt:
+ * platform/qt/fast/css/nth-child-dynamic-expected.txt:
+ * platform/qt/fast/css/text-rendering-expected.txt:
+ * platform/qt/fast/dynamic/anchor-lock-expected.txt:
+ * platform/qt/fast/flexbox/flex-hang-expected.txt:
+ * platform/qt/fast/forms/search-vertical-alignment-expected.txt:
+ * platform/qt/fast/frames/iframe-scrolling-attribute-expected.txt:
+ * platform/qt/fast/lists/ol-start-parsing-expected.txt:
+ * platform/qt/fast/multicol/positioned-with-constrained-height-expected.txt:
+ * platform/qt/fast/overflow/position-fixed-transform-clipping-expected.txt:
+ * platform/qt/fast/table/height-percent-test-expected.txt:
+ * platform/qt/fast/table/wide-colspan-expected.txt:
+ * platform/qt/fast/table/wide-column-expected.txt:
+ * platform/qt/fast/text/text-letter-spacing-expected.txt:
+ * platform/qt/svg/css/stars-with-shadow-expected.txt:
+ * platform/qt/tables/mozilla/bugs/bug29314-expected.txt:
+
2009-11-10 Philippe Normand <pnormand@igalia.com>
Reviewed by Eric Seidel.
-layer at (0,0) size 800x628
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x628
- RenderBlock {HTML} at (0,0) size 800x628
- RenderBody {BODY} at (8,8) size 784x612 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x628
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x628
+ RenderBlock {HTML} at (0,0) size 784x628
+ RenderBody {BODY} at (8,8) size 768x612 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x68
+ RenderBlock {PRE} at (0,37) size 768x68
RenderText {#text} at (0,0) size 120x68
text run at (0,0) width 109: ".one {color: green;}"
text run at (109,0) width 0: " "
text run at (102,34) width 0: " "
text run at (0,51) width 120: "P.two {color: purple;}"
text run at (120,51) width 0: " "
- RenderBlock {HR} at (0,118) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,136) size 784x21 [color=#008000]
+ RenderBlock {HR} at (0,118) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,136) size 768x21 [color=#008000]
RenderText {#text} at (0,0) size 223x21
text run at (0,0) width 223: "This sentence should be green."
- RenderBlock {P} at (0,173) size 784x21
+ RenderBlock {P} at (0,173) size 768x21
RenderText {#text} at (0,0) size 631x21
text run at (0,0) width 631: "This sentence should be black, not red-- class selectors cannot begin with digits in CSS1."
- RenderBlock {P} at (0,210) size 784x21 [color=#008000]
+ RenderBlock {P} at (0,210) size 768x21 [color=#008000]
RenderText {#text} at (0,0) size 223x21
text run at (0,0) width 223: "This sentence should be green."
- RenderBlock {P} at (0,247) size 784x21 [color=#800080]
+ RenderBlock {P} at (0,247) size 768x21 [color=#800080]
RenderText {#text} at (0,0) size 227x21
text run at (0,0) width 227: "This sentence should be purple."
- RenderBlock {PRE} at (0,284) size 784x17
+ RenderBlock {PRE} at (0,284) size 768x17
RenderText {#text} at (0,0) size 216x17
text run at (0,0) width 216: "This sentence should NOT be purple."
text run at (216,0) width 0: " "
- RenderBlock {UL} at (0,317) size 784x21
- RenderListItem {LI} at (40,0) size 744x21
+ RenderBlock {UL} at (0,317) size 768x21
+ RenderListItem {LI} at (40,0) size 728x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 265x21
text run at (0,0) width 265: "This sentence should NOT be purple."
-layer at (0,0) size 800x955
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x955
- RenderBlock {HTML} at (0,0) size 800x955
- RenderBody {BODY} at (8,8) size 784x939 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x955
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x955
+ RenderBlock {HTML} at (0,0) size 784x955
+ RenderBody {BODY} at (8,8) size 768x939 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x255
+ RenderBlock {PRE} at (0,37) size 768x255
RenderText {#text} at (0,0) size 242x255
text run at (0,0) width 176: "/* This is a CSS1 comment. */"
text run at (176,0) width 0: " "
text run at (0,221) width 116: ".eight {color: green;}"
text run at (116,221) width 0: " "
text run at (0,238) width 0: " "
- RenderBlock {HR} at (0,305) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,323) size 784x21 [color=#008000]
+ RenderBlock {HR} at (0,305) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,323) size 768x21 [color=#008000]
RenderText {#text} at (0,0) size 223x21
text run at (0,0) width 223: "This sentence should be green."
- RenderBlock {P} at (0,360) size 784x21
+ RenderBlock {P} at (0,360) size 768x21
RenderText {#text} at (0,0) size 220x21
text run at (0,0) width 220: "This sentence should be black."
- RenderBlock {P} at (0,397) size 784x21 [color=#008000]
+ RenderBlock {P} at (0,397) size 768x21 [color=#008000]
RenderText {#text} at (0,0) size 223x21
text run at (0,0) width 223: "This sentence should be green."
- RenderBlock {P} at (0,434) size 784x21
+ RenderBlock {P} at (0,434) size 768x21
RenderText {#text} at (0,0) size 220x21
text run at (0,0) width 220: "This sentence should be black."
- RenderBlock {P} at (0,471) size 784x21 [color=#008000]
+ RenderBlock {P} at (0,471) size 768x21 [color=#008000]
RenderText {#text} at (0,0) size 223x21
text run at (0,0) width 223: "This sentence should be green."
- RenderBlock {P} at (0,508) size 784x21 [color=#008000]
+ RenderBlock {P} at (0,508) size 768x21 [color=#008000]
RenderText {#text} at (0,0) size 223x21
text run at (0,0) width 223: "This sentence should be green."
- RenderBlock {P} at (0,545) size 784x21 [color=#008000]
+ RenderBlock {P} at (0,545) size 768x21 [color=#008000]
RenderText {#text} at (0,0) size 223x21
text run at (0,0) width 223: "This sentence should be green."
- RenderBlock {P} at (0,582) size 784x21 [color=#008000]
+ RenderBlock {P} at (0,582) size 768x21 [color=#008000]
RenderText {#text} at (0,0) size 223x21
text run at (0,0) width 223: "This sentence should be green."
RenderTable {TABLE} at (0,619) size 245x320 [border: (1px outset #808080)]
-layer at (0,0) size 800x1092
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1092
- RenderBlock {HTML} at (0,0) size 800x1092
- RenderBody {BODY} at (8,8) size 784x1076 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x1092
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1092
+ RenderBlock {HTML} at (0,0) size 784x1092
+ RenderBody {BODY} at (8,8) size 768x1076 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x170
+ RenderBlock {PRE} at (0,37) size 768x170
RenderText {#text} at (0,0) size 524x170
text run at (0,0) width 452: "<LINK rel=\"stylesheet\" type=\"text/css\" href=\"linktest.css\" title=\"Default SS\">"
text run at (452,0) width 0: " "
text run at (114,136) width 0: " "
text run at (0,153) width 16: "-->"
text run at (16,153) width 0: " "
- RenderBlock {HR} at (0,220) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,238) size 784x42
+ RenderBlock {HR} at (0,220) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,238) size 768x42
RenderText {#text} at (0,0) size 459x21
text run at (0,0) width 459: "This sentence should be underlined due to the linked style sheet "
RenderInline {CODE} at (0,0) size 67x17
RenderText {#text} at (526,0) size 757x42
text run at (526,0) width 231: ", the reference to which is shown"
text run at (0,21) width 48: "above."
- RenderBlock {P} at (0,296) size 784x43
+ RenderBlock {P} at (0,296) size 768x43
RenderText {#text} at (0,0) size 497x21
text run at (0,0) width 497: "This sentence should NOT be underlined due to the linked style sheet "
RenderInline {CODE} at (0,0) size 74x17
RenderText {#text} at (630,0) size 754x43
text run at (630,0) width 124: " the external style"
text run at (0,22) width 413: "sheet \"Alternate SS\" has been selected via the user agent."
- RenderBlock {UL} at (0,355) size 784x63 [color=#FF0000]
- RenderListItem {LI} at (40,0) size 744x21 [color=#008000]
+ RenderBlock {UL} at (0,355) size 768x63 [color=#FF0000]
+ RenderListItem {LI} at (40,0) size 728x21 [color=#008000]
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 443x21
text run at (0,0) width 443: "This sentence should be green due to an imported style sheet ["
text run at (443,3) width 154: "@import url(imptest1.css);"
RenderText {#text} at (597,0) size 8x21
text run at (597,0) width 8: "]."
- RenderListItem {LI} at (40,21) size 744x21 [color=#800080]
+ RenderListItem {LI} at (40,21) size 728x21 [color=#800080]
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 447x21
text run at (0,0) width 447: "This sentence should be purple due to an imported style sheet ["
text run at (447,3) width 145: "@import \"imptest1a.css\""
RenderText {#text} at (592,0) size 8x21
text run at (592,0) width 8: "]."
- RenderListItem {LI} at (40,42) size 744x21 [color=#008000]
+ RenderListItem {LI} at (40,42) size 728x21 [color=#008000]
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 438x21
text run at (0,0) width 438: "This sentence should be green thanks to the STYLE attribute ["
text run at (438,3) width 132: "STYLE=\"color: green;\""
RenderText {#text} at (570,0) size 8x21
text run at (570,0) width 8: "]."
- RenderBlock {P} at (0,434) size 784x21 [color=#800080]
+ RenderBlock {P} at (0,434) size 768x21 [color=#800080]
RenderText {#text} at (0,0) size 567x21
text run at (0,0) width 567: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
- RenderBlock {OL} at (0,471) size 784x63
- RenderListItem {LI} at (40,0) size 744x21
+ RenderBlock {OL} at (0,471) size 768x63
+ RenderListItem {LI} at (40,0) size 728x21
RenderListMarker at (-22,0) size 17x21: "1"
RenderText {#text} at (0,0) size 220x21
text run at (0,0) width 220: "This list should NOT be purple."
- RenderListItem {LI} at (40,21) size 744x21
+ RenderListItem {LI} at (40,21) size 728x21
RenderListMarker at (-22,0) size 17x21: "2"
RenderText {#text} at (0,0) size 192x21
text run at (0,0) width 192: "It should, instead, be black."
- RenderListItem {LI} at (40,42) size 744x21
+ RenderListItem {LI} at (40,42) size 728x21
RenderListMarker at (-22,0) size 17x21: "3"
RenderText {#text} at (0,0) size 559x21
text run at (0,0) width 559: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
- RenderBlock {P} at (0,550) size 784x42
- RenderText {#text} at (0,0) size 776x21
+ RenderBlock {P} at (0,550) size 768x42
+ RenderText {#text} at (0,0) size 751x42
text run at (0,0) width 224: "This sentence should be black. "
- text run at (224,0) width 552: "If it is red, then the browser has inappropriately imported the styles from the file"
+ text run at (224,0) width 527: "If it is red, then the browser has inappropriately imported the styles from the"
+ text run at (0,21) width 25: "file "
RenderInline {TT} at (0,0) size 75x17
- RenderText {#text} at (0,24) size 75x17
- text run at (0,24) width 75: "imptest2.css"
- RenderText {#text} at (75,21) size 39x21
- text run at (75,21) width 39: " (see "
+ RenderText {#text} at (25,24) size 75x17
+ text run at (25,24) width 75: "imptest2.css"
+ RenderText {#text} at (100,21) size 39x21
+ text run at (100,21) width 39: " (see "
RenderInline {A} at (0,0) size 77x21 [color=#0000FF]
- RenderText {#text} at (114,21) size 77x21
- text run at (114,21) width 77: "section 3.0"
- RenderText {#text} at (191,21) size 305x21
- text run at (191,21) width 305: " of the CSS1 specification for more details)."
- RenderBlock {P} at (0,608) size 784x21 [color=#008000]
+ RenderText {#text} at (139,21) size 77x21
+ text run at (139,21) width 77: "section 3.0"
+ RenderText {#text} at (216,21) size 305x21
+ text run at (216,21) width 305: " of the CSS1 specification for more details)."
+ RenderBlock {P} at (0,608) size 768x21 [color=#008000]
RenderText {#text} at (0,0) size 231x21
text run at (0,0) width 231: "This paragraph should be green."
- RenderTable {TABLE} at (0,645) size 784x431 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x429
- RenderTableRow {TR} at (0,0) size 782x30
- RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,645) size 768x431 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x429
+ RenderTableRow {TR} at (0,0) size 766x30
+ RenderTableCell {TD} at (0,0) size 766x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 178x21
RenderText {#text} at (4,4) size 178x21
text run at (4,4) width 178: "TABLE Testing Section"
- RenderTableRow {TR} at (0,30) size 782x399
+ RenderTableRow {TR} at (0,30) size 766x399
RenderTableCell {TD} at (0,215) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x21
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,30) size 770x399 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x42
+ RenderTableCell {TD} at (12,30) size 754x399 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 746x42
RenderText {#text} at (0,0) size 459x21
text run at (0,0) width 459: "This sentence should be underlined due to the linked style sheet "
RenderInline {CODE} at (0,0) size 67x17
RenderText {#text} at (459,3) size 67x17
text run at (459,3) width 67: "linktest.css"
- RenderText {#text} at (526,0) size 757x42
- text run at (526,0) width 231: ", the reference to which is shown"
- text run at (0,21) width 48: "above."
- RenderBlock {P} at (4,62) size 762x43
+ RenderText {#text} at (526,0) size 706x42
+ text run at (526,0) width 180: ", the reference to which is"
+ text run at (0,21) width 99: "shown above."
+ RenderBlock {P} at (4,62) size 746x43
RenderText {#text} at (0,0) size 497x21
text run at (0,0) width 497: "This sentence should NOT be underlined due to the linked style sheet "
RenderInline {CODE} at (0,0) size 74x17
RenderInline {STRONG} at (0,0) size 51x21
RenderText {#text} at (579,0) size 51x21
text run at (579,0) width 51: "unless"
- RenderText {#text} at (630,0) size 754x43
- text run at (630,0) width 124: " the external style"
- text run at (0,22) width 413: "sheet \"Alternate SS\" has been selected via the user agent."
- RenderBlock {UL} at (4,121) size 762x63 [color=#FF0000]
- RenderListItem {LI} at (40,0) size 722x21 [color=#008000]
+ RenderText {#text} at (630,0) size 717x43
+ text run at (630,0) width 87: " the external"
+ text run at (0,22) width 450: "style sheet \"Alternate SS\" has been selected via the user agent."
+ RenderBlock {UL} at (4,121) size 746x63 [color=#FF0000]
+ RenderListItem {LI} at (40,0) size 706x21 [color=#008000]
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 443x21
text run at (0,0) width 443: "This sentence should be green due to an imported style sheet ["
text run at (443,3) width 154: "@import url(imptest1.css);"
RenderText {#text} at (597,0) size 8x21
text run at (597,0) width 8: "]."
- RenderListItem {LI} at (40,21) size 722x21 [color=#800080]
+ RenderListItem {LI} at (40,21) size 706x21 [color=#800080]
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 447x21
text run at (0,0) width 447: "This sentence should be purple due to an imported style sheet ["
text run at (447,3) width 145: "@import \"imptest1a.css\""
RenderText {#text} at (592,0) size 8x21
text run at (592,0) width 8: "]."
- RenderListItem {LI} at (40,42) size 722x21 [color=#008000]
+ RenderListItem {LI} at (40,42) size 706x21 [color=#008000]
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 438x21
text run at (0,0) width 438: "This sentence should be green thanks to the STYLE attribute ["
text run at (438,3) width 132: "STYLE=\"color: green;\""
RenderText {#text} at (570,0) size 8x21
text run at (570,0) width 8: "]."
- RenderBlock {P} at (4,200) size 762x21 [color=#800080]
+ RenderBlock {P} at (4,200) size 746x21 [color=#800080]
RenderText {#text} at (0,0) size 567x21
text run at (0,0) width 567: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
- RenderBlock {OL} at (4,237) size 762x63
- RenderListItem {LI} at (40,0) size 722x21
+ RenderBlock {OL} at (4,237) size 746x63
+ RenderListItem {LI} at (40,0) size 706x21
RenderListMarker at (-22,0) size 17x21: "1"
RenderText {#text} at (0,0) size 220x21
text run at (0,0) width 220: "This list should NOT be purple."
- RenderListItem {LI} at (40,21) size 722x21
+ RenderListItem {LI} at (40,21) size 706x21
RenderListMarker at (-22,0) size 17x21: "2"
RenderText {#text} at (0,0) size 192x21
text run at (0,0) width 192: "It should, instead, be black."
- RenderListItem {LI} at (40,42) size 722x21
+ RenderListItem {LI} at (40,42) size 706x21
RenderListMarker at (-22,0) size 17x21: "3"
RenderText {#text} at (0,0) size 559x21
text run at (0,0) width 559: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
- RenderBlock {P} at (4,316) size 762x42
- RenderText {#text} at (0,0) size 751x42
+ RenderBlock {P} at (4,316) size 746x42
+ RenderText {#text} at (0,0) size 725x42
text run at (0,0) width 224: "This sentence should be black. "
- text run at (224,0) width 527: "If it is red, then the browser has inappropriately imported the styles from the"
- text run at (0,21) width 25: "file "
+ text run at (224,0) width 501: "If it is red, then the browser has inappropriately imported the styles from"
+ text run at (0,21) width 51: "the file "
RenderInline {TT} at (0,0) size 75x17
- RenderText {#text} at (25,24) size 75x17
- text run at (25,24) width 75: "imptest2.css"
- RenderText {#text} at (100,21) size 39x21
- text run at (100,21) width 39: " (see "
+ RenderText {#text} at (51,24) size 75x17
+ text run at (51,24) width 75: "imptest2.css"
+ RenderText {#text} at (126,21) size 39x21
+ text run at (126,21) width 39: " (see "
RenderInline {A} at (0,0) size 77x21 [color=#0000FF]
- RenderText {#text} at (139,21) size 77x21
- text run at (139,21) width 77: "section 3.0"
- RenderText {#text} at (216,21) size 305x21
- text run at (216,21) width 305: " of the CSS1 specification for more details)."
- RenderBlock {P} at (4,374) size 762x21 [color=#008000]
+ RenderText {#text} at (165,21) size 77x21
+ text run at (165,21) width 77: "section 3.0"
+ RenderText {#text} at (242,21) size 305x21
+ text run at (242,21) width 305: " of the CSS1 specification for more details)."
+ RenderBlock {P} at (4,374) size 746x21 [color=#008000]
RenderText {#text} at (0,0) size 231x21
text run at (0,0) width 231: "This paragraph should be green."
-layer at (0,0) size 800x682
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x682
- RenderBlock {HTML} at (0,0) size 800x682
- RenderBody {BODY} at (8,8) size 784x666 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x682
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x682
+ RenderBlock {HTML} at (0,0) size 784x682
+ RenderBody {BODY} at (8,8) size 768x666 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x136
+ RenderBlock {PRE} at (0,37) size 768x136
RenderText {#text} at (0,0) size 192x136
text run at (0,0) width 112: "#one {color: green;}"
text run at (112,0) width 0: " "
text run at (0,102) width 165: "P#five, P#five2 {color: blue;}"
text run at (165,102) width 0: " "
text run at (0,119) width 168: "P#six, P#six2 {color: purple;}"
- RenderBlock {HR} at (0,186) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,204) size 784x21 [color=#008000]
+ RenderBlock {HR} at (0,186) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,204) size 768x21 [color=#008000]
RenderText {#text} at (0,0) size 223x21
text run at (0,0) width 223: "This sentence should be green."
- RenderBlock {P} at (0,241) size 784x21 [color=#008000]
+ RenderBlock {P} at (0,241) size 768x21 [color=#008000]
RenderText {#text} at (0,0) size 223x21
text run at (0,0) width 223: "This sentence should be green."
- RenderBlock {P} at (0,278) size 784x21 [color=#0000FF]
+ RenderBlock {P} at (0,278) size 768x21 [color=#0000FF]
RenderText {#text} at (0,0) size 225x21
text run at (0,0) width 225: "This paragraph should be blue ["
RenderInline {TT} at (0,0) size 51x17
text run at (225,3) width 51: "ID=\"two\""
RenderText {#text} at (276,0) size 8x21
text run at (276,0) width 8: "]."
- RenderBlock {PRE} at (0,315) size 784x17
+ RenderBlock {PRE} at (0,315) size 768x17
RenderText {#text} at (0,0) size 306x17
text run at (0,0) width 306: "This sentence should NOT be blue [PRE ID=\"two2\"]."
text run at (306,0) width 0: " "
- RenderBlock {PRE} at (0,345) size 784x17
+ RenderBlock {PRE} at (0,345) size 768x17
RenderText {#text} at (0,0) size 349x17
text run at (0,0) width 349: "This sentence should be black, not purple [PRE ID=\"three\"]."
text run at (349,0) width 0: " "
- RenderBlock {UL} at (0,378) size 784x21
- RenderListItem {LI} at (40,0) size 744x21
+ RenderBlock {UL} at (0,378) size 768x21
+ RenderListItem {LI} at (40,0) size 728x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 265x21
text run at (0,0) width 265: "This sentence should NOT be purple."
-layer at (0,0) size 800x791
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x791
- RenderBlock {HTML} at (0,0) size 800x791
- RenderBody {BODY} at (8,8) size 784x775 [color=#008000] [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x791
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x791
+ RenderBlock {HTML} at (0,0) size 784x791
+ RenderBody {BODY} at (8,8) size 768x775 [color=#008000] [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x119
+ RenderBlock {PRE} at (0,37) size 768x119
RenderText {#text} at (0,0) size 186x119
text run at (0,0) width 121: "BODY {color: green;}"
text run at (121,0) width 0: " "
text run at (107,85) width 0: " "
text run at (0,102) width 120: ".three {color: purple;}"
text run at (120,102) width 0: " "
- RenderBlock {HR} at (0,169) size 784x2 [border: (1px inset #008000)]
- RenderBlock {H3} at (0,189) size 784x25 [color=#0000FF]
+ RenderBlock {HR} at (0,169) size 768x2 [border: (1px inset #008000)]
+ RenderBlock {H3} at (0,189) size 768x25 [color=#0000FF]
RenderText {#text} at (0,0) size 259x25
text run at (0,0) width 259: "This sentence should show "
RenderInline {STRONG} at (0,0) size 40x25
text run at (344,0) width 59: "purple"
RenderText {#text} at (403,0) size 5x25
text run at (403,0) width 5: "."
- RenderBlock {H3} at (0,232) size 784x25 [color=#0000FF]
+ RenderBlock {H3} at (0,232) size 768x25 [color=#0000FF]
RenderText {#text} at (0,0) size 232x25
text run at (0,0) width 232: "This sentence should be "
RenderInline {SPAN} at (0,0) size 40x25
text run at (232,0) width 40: "blue"
RenderText {#text} at (272,0) size 113x25
text run at (272,0) width 113: " throughout."
- RenderBlock {P} at (0,275) size 784x21
+ RenderBlock {P} at (0,275) size 768x21
RenderText {#text} at (0,0) size 253x21
text run at (0,0) width 253: "This should be green except for the "
RenderInline {EM} at (0,0) size 134x21 [color=#800080]
text run at (253,0) width 134: "emphasized words"
RenderText {#text} at (387,0) size 177x21
text run at (387,0) width 177: ", which should be purple."
- RenderBlock {H3} at (0,314) size 784x25 [color=#0000FF]
+ RenderBlock {H3} at (0,314) size 768x25 [color=#0000FF]
RenderText {#text} at (0,0) size 331x25
text run at (0,0) width 331: "This should be blue and underlined."
- RenderBlock {P} at (0,357) size 784x22
+ RenderBlock {P} at (0,357) size 768x22
RenderText {#text} at (0,0) size 331x21
text run at (0,0) width 331: "This sentence should be underlined, including "
RenderInline {TT} at (0,0) size 47x17
text run at (545,0) width 62: "this part"
RenderText {#text} at (607,0) size 4x21
text run at (607,0) width 4: "."
- RenderBlock {P} at (0,395) size 784x21 [color=#000080]
+ RenderBlock {P} at (0,395) size 768x21 [color=#000080]
RenderText {#text} at (0,0) size 493x21
text run at (0,0) width 493: "This sentence should also be underlined, as well as dark blue (navy), "
RenderInline {TT} at (0,0) size 102x17
text run at (493,3) width 102: "including this part"
RenderText {#text} at (595,0) size 4x21
text run at (595,0) width 4: "."
- RenderBlock {P} at (0,432) size 784x22 [color=#800080]
+ RenderBlock {P} at (0,432) size 768x22 [color=#800080]
RenderText {#text} at (0,0) size 300x21
text run at (0,0) width 300: "This sentence should be purple, including "
RenderInline {STRONG} at (0,0) size 62x21
-layer at (0,0) size 800x1563
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1563
- RenderBlock {HTML} at (0,0) size 800x1563
- RenderBody {BODY} at (8,8) size 784x1547 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x1563
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1563
+ RenderBlock {HTML} at (0,0) size 784x1563
+ RenderBody {BODY} at (8,8) size 768x1547 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x153
+ RenderBlock {PRE} at (0,37) size 768x153
RenderText {#text} at (0,0) size 197x153
text run at (0,0) width 197: ".one {border: medium black solid;}"
text run at (197,0) width 0: " "
text run at (113,119) width 0: " "
text run at (0,136) width 165: "TD {border: 2px solid green;}"
text run at (165,136) width 0: " "
- RenderBlock {HR} at (0,203) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,221) size 784x42
- RenderText {#text} at (0,0) size 784x42
+ RenderBlock {HR} at (0,203) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,221) size 768x42
+ RenderText {#text} at (0,0) size 734x42
text run at (0,0) width 703: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
- text run at (703,0) width 81: "This border"
- text run at (0,21) width 405: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,279) size 784x27 [border: (3px solid #000000)]
+ text run at (703,0) width 31: "This"
+ text run at (0,21) width 455: "border applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (0,279) size 768x27 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 541x21
text run at (3,3) width 541: "This paragraph should have a medium black solid border all the way around."
- RenderBlock {P} at (0,322) size 784x23 [border: (1px ridge #800000)]
+ RenderBlock {P} at (0,322) size 768x23 [border: (1px ridge #800000)]
RenderText {#text} at (1,1) size 537x21
text run at (1,1) width 537: "This paragraph should have a thin maroon ridged border all the way around."
- RenderBlock {P} at (0,361) size 784x41 [border: (10px outset #008080)]
+ RenderBlock {P} at (0,361) size 768x41 [border: (10px outset #008080)]
RenderText {#text} at (10,10) size 581x21
text run at (10,10) width 581: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
- RenderBlock {P} at (0,418) size 784x41 [border: (10px inset #808000)]
+ RenderBlock {P} at (0,418) size 768x41 [border: (10px inset #808000)]
RenderText {#text} at (10,10) size 580x21
text run at (10,10) width 580: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
- RenderBlock {P} at (0,475) size 784x42
+ RenderBlock {P} at (0,475) size 768x42
RenderText {#text} at (0,0) size 392x21
text run at (0,0) width 392: "This paragraph should have no border around it, as the "
RenderInline {TT} at (0,0) size 68x17
RenderText {#text} at (392,3) size 68x17
text run at (392,3) width 68: "border-style"
- RenderText {#text} at (460,0) size 780x42
- text run at (460,0) width 320: " was not set, and it should not be offset in any"
- text run at (0,21) width 33: "way."
- RenderBlock {P} at (0,533) size 784x48 [border: (3px double #800000)]
+ RenderText {#text} at (460,0) size 750x42
+ text run at (460,0) width 290: " was not set, and it should not be offset in"
+ text run at (0,21) width 63: "any way."
+ RenderBlock {P} at (0,533) size 768x48 [border: (3px double #800000)]
RenderText {#text} at (3,3) size 600x21
text run at (3,3) width 600: "This paragraph should have a medium maroon double border around it, even though "
RenderInline {CODE} at (0,0) size 70x17
RenderText {#text} at (673,3) size 729x42
text run at (673,3) width 59: " was not"
text run at (3,24) width 91: "explicitly set."
- RenderBlock {P} at (0,597) size 784x21
+ RenderBlock {P} at (0,597) size 768x21
RenderText {#text} at (0,0) size 699x21
text run at (0,0) width 699: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
- RenderBlock {P} at (0,634) size 784x42
+ RenderBlock {P} at (0,634) size 768x42
RenderInline {A} at (0,0) size 28x21
RenderText {#text} at (0,0) size 28x21
text run at (0,0) width 28: "The"
RenderImage {IMG} at (70,22) size 15x15
RenderText {#text} at (85,21) size 4x21
text run at (85,21) width 4: "."
- RenderTable {TABLE} at (0,692) size 784x125 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x123
- RenderTableRow {TR} at (0,5) size 782x48
- RenderTableCell {TD} at (5,5) size 772x48 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
- RenderText {#text} at (3,3) size 753x42
+ RenderTable {TABLE} at (0,692) size 768x125 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x123
+ RenderTableRow {TR} at (0,5) size 766x48
+ RenderTableCell {TD} at (5,5) size 756x48 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (3,3) size 698x42
text run at (3,3) width 452: "Every cell in this table should have a 2-pixel solid green border. "
- text run at (455,3) width 301: "This is also true of the table-testing section"
- text run at (3,24) width 241: "in the second half of the test page."
- RenderTableRow {TR} at (0,58) size 782x60
- RenderTableCell {TD} at (5,74) size 198x27 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ text run at (455,3) width 246: "This is also true of the table-testing"
+ text run at (3,24) width 296: "section in the second half of the test page."
+ RenderTableRow {TR} at (0,58) size 766x60
+ RenderTableCell {TD} at (5,74) size 193x27 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (3,3) size 60x21
text run at (3,3) width 60: "Cell one"
- RenderTableCell {TD} at (208,58) size 569x60 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,3) size 563x21
+ RenderTableCell {TD} at (203,58) size 558x60 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,3) size 552x21
RenderText {#text} at (0,0) size 58x21
text run at (0,0) width 58: "Cell two"
RenderTable {TABLE} at (3,24) size 183x33 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 177x27 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (3,3) size 171x21
text run at (3,3) width 171: "Nested single-cell table!"
- RenderBlock {P} at (0,833) size 784x21
+ RenderBlock {P} at (0,833) size 768x21
RenderText {#text} at (0,0) size 198x21
text run at (0,0) width 198: "This is an unstyled element."
- RenderTable {TABLE} at (0,870) size 784x677 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x675
- RenderTableRow {TR} at (0,0) size 782x32
- RenderTableCell {TD} at (0,0) size 782x32 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,870) size 768x677 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x675
+ RenderTableRow {TR} at (0,0) size 766x32
+ RenderTableCell {TD} at (0,0) size 766x32 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 178x21
RenderText {#text} at (5,5) size 178x21
text run at (5,5) width 178: "TABLE Testing Section"
- RenderTableRow {TR} at (0,32) size 782x643
+ RenderTableRow {TR} at (0,32) size 766x643
RenderTableCell {TD} at (0,338) size 14x31 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (5,5) size 4x21
text run at (5,5) width 4: " "
- RenderTableCell {TD} at (14,32) size 768x643 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (5,5) size 758x42
+ RenderTableCell {TD} at (14,32) size 752x643 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (5,5) size 742x42
RenderText {#text} at (0,0) size 734x42
text run at (0,0) width 703: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
text run at (703,0) width 31: "This"
text run at (0,21) width 455: "border applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (5,63) size 758x27 [border: (3px solid #000000)]
+ RenderBlock {P} at (5,63) size 742x27 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 541x21
text run at (3,3) width 541: "This paragraph should have a medium black solid border all the way around."
- RenderBlock {P} at (5,106) size 758x23 [border: (1px ridge #800000)]
+ RenderBlock {P} at (5,106) size 742x23 [border: (1px ridge #800000)]
RenderText {#text} at (1,1) size 537x21
text run at (1,1) width 537: "This paragraph should have a thin maroon ridged border all the way around."
- RenderBlock {P} at (5,145) size 758x41 [border: (10px outset #008080)]
+ RenderBlock {P} at (5,145) size 742x41 [border: (10px outset #008080)]
RenderText {#text} at (10,10) size 581x21
text run at (10,10) width 581: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
- RenderBlock {P} at (5,202) size 758x41 [border: (10px inset #808000)]
+ RenderBlock {P} at (5,202) size 742x41 [border: (10px inset #808000)]
RenderText {#text} at (10,10) size 580x21
text run at (10,10) width 580: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
- RenderBlock {P} at (5,259) size 758x42
+ RenderBlock {P} at (5,259) size 742x42
RenderText {#text} at (0,0) size 392x21
text run at (0,0) width 392: "This paragraph should have no border around it, as the "
RenderInline {TT} at (0,0) size 68x17
RenderText {#text} at (392,3) size 68x17
text run at (392,3) width 68: "border-style"
- RenderText {#text} at (460,0) size 750x42
- text run at (460,0) width 290: " was not set, and it should not be offset in"
- text run at (0,21) width 63: "any way."
- RenderBlock {P} at (5,317) size 758x48 [border: (3px double #800000)]
+ RenderText {#text} at (460,0) size 733x42
+ text run at (460,0) width 273: " was not set, and it should not be offset"
+ text run at (0,21) width 80: "in any way."
+ RenderBlock {P} at (5,317) size 742x48 [border: (3px double #800000)]
RenderText {#text} at (3,3) size 600x21
text run at (3,3) width 600: "This paragraph should have a medium maroon double border around it, even though "
RenderInline {CODE} at (0,0) size 70x17
RenderText {#text} at (673,3) size 729x42
text run at (673,3) width 59: " was not"
text run at (3,24) width 91: "explicitly set."
- RenderBlock {P} at (5,381) size 758x21
+ RenderBlock {P} at (5,381) size 742x21
RenderText {#text} at (0,0) size 699x21
text run at (0,0) width 699: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
- RenderBlock {P} at (5,418) size 758x42
+ RenderBlock {P} at (5,418) size 742x42
RenderInline {A} at (0,0) size 28x21
RenderText {#text} at (0,0) size 28x21
text run at (0,0) width 28: "The"
- RenderText {#text} at (28,0) size 749x42
- text run at (28,0) width 721: " following image is also an anchor which points to a target on this page, but it should not have a border"
- text run at (0,21) width 70: "around it: "
+ RenderText {#text} at (28,0) size 699x42
+ text run at (28,0) width 671: " following image is also an anchor which points to a target on this page, but it should not have a"
+ text run at (0,21) width 120: "border around it: "
RenderInline {A} at (0,0) size 15x21 [color=#0000FF]
- RenderImage {IMG} at (70,22) size 15x15
- RenderText {#text} at (85,21) size 4x21
- text run at (85,21) width 4: "."
- RenderTable {TABLE} at (5,476) size 758x125 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 756x123
- RenderTableRow {TR} at (0,5) size 756x48
- RenderTableCell {TD} at (5,5) size 746x48 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderImage {IMG} at (120,22) size 15x15
+ RenderText {#text} at (135,21) size 4x21
+ text run at (135,21) width 4: "."
+ RenderTable {TABLE} at (5,476) size 742x125 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 740x123
+ RenderTableRow {TR} at (0,5) size 740x48
+ RenderTableCell {TD} at (5,5) size 730x48 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderText {#text} at (3,3) size 698x42
text run at (3,3) width 452: "Every cell in this table should have a 2-pixel solid green border. "
text run at (455,3) width 246: "This is also true of the table-testing"
text run at (3,24) width 296: "section in the second half of the test page."
- RenderTableRow {TR} at (0,58) size 756x60
- RenderTableCell {TD} at (5,74) size 191x27 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,58) size 740x60
+ RenderTableCell {TD} at (5,74) size 187x27 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (3,3) size 60x21
text run at (3,3) width 60: "Cell one"
- RenderTableCell {TD} at (201,58) size 550x60 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,3) size 544x21
+ RenderTableCell {TD} at (197,58) size 538x60 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,3) size 532x21
RenderText {#text} at (0,0) size 58x21
text run at (0,0) width 58: "Cell two"
RenderTable {TABLE} at (3,24) size 183x33 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 177x27 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (3,3) size 171x21
text run at (3,3) width 171: "Nested single-cell table!"
- RenderBlock {P} at (5,617) size 758x21
+ RenderBlock {P} at (5,617) size 742x21
RenderText {#text} at (0,0) size 198x21
text run at (0,0) width 198: "This is an unstyled element."
-layer at (0,0) size 800x1100
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1100
- RenderBlock {HTML} at (0,0) size 800x1100
- RenderBody {BODY} at (8,8) size 784x1084 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x1121
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1121
+ RenderBlock {HTML} at (0,0) size 784x1121
+ RenderBody {BODY} at (8,8) size 768x1105 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x68
+ RenderBlock {PRE} at (0,37) size 768x68
RenderText {#text} at (0,0) size 249x68
text run at (0,0) width 238: ".one {border-bottom: purple double 10px;}"
text run at (238,0) width 0: " "
text run at (249,34) width 0: " "
text run at (0,51) width 209: "TD {border-bottom: green 2px solid;}"
text run at (209,51) width 0: " "
- RenderBlock {HR} at (0,118) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,136) size 784x42
- RenderText {#text} at (0,0) size 769x42
- text run at (0,0) width 738: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
- text run at (738,0) width 31: "This"
- text run at (0,21) width 455: "border applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,194) size 784x31 [border: (10px double #800080) none]
+ RenderBlock {HR} at (0,118) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,136) size 768x42
+ RenderText {#text} at (0,0) size 734x42
+ text run at (0,0) width 734: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides."
+ text run at (0,21) width 490: "This border applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (0,194) size 768x31 [border: (10px double #800080) none]
RenderText {#text} at (0,0) size 489x21
text run at (0,0) width 489: "This paragraph should have a purple, double, 10-pixel bottom border."
- RenderBlock {P} at (0,241) size 784x22 [border: (1px solid #800080) none]
+ RenderBlock {P} at (0,241) size 768x22 [border: (1px solid #800080) none]
RenderText {#text} at (0,0) size 397x21
text run at (0,0) width 397: "This paragraph should have a thin purple bottom border."
- RenderTable {TABLE} at (0,279) size 784x122 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x120
- RenderTableRow {TR} at (0,5) size 782x47
- RenderTableCell {TD} at (5,5) size 772x47 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,279) size 768x122 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x120
+ RenderTableRow {TR} at (0,5) size 766x47
+ RenderTableCell {TD} at (5,5) size 756x47 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderText {#text} at (2,2) size 750x42
text run at (2,2) width 504: "Every cell in this table should have a 2-pixel solid green bottom border. "
text run at (506,2) width 246: "This is also true of the table-testing"
text run at (2,23) width 296: "section in the second half of the test page."
- RenderTableRow {TR} at (0,57) size 782x58
- RenderTableCell {TD} at (5,73) size 196x26 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,57) size 766x58
+ RenderTableCell {TD} at (5,73) size 192x26 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 60x21
text run at (2,2) width 60: "Cell one"
- RenderTableCell {TD} at (206,57) size 571x58 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 567x21
+ RenderTableCell {TD} at (202,57) size 559x58 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 555x21
RenderText {#text} at (0,0) size 58x21
text run at (0,0) width 58: "Cell two"
RenderTable {TABLE} at (2,23) size 181x32 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 175x26 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 171x21
text run at (2,2) width 171: "Nested single-cell table!"
- RenderBlock {UL} at (0,417) size 784x156
- RenderListItem {LI} at (40,0) size 744x87 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 744x21
+ RenderBlock {UL} at (0,417) size 768x156
+ RenderListItem {LI} at (40,0) size 728x87 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 728x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 130x21
text run at (0,0) width 130: "This is a list item..."
- RenderBlock {UL} at (0,21) size 744x63
- RenderListItem {LI} at (40,0) size 704x21
+ RenderBlock {UL} at (0,21) size 728x63
+ RenderListItem {LI} at (40,0) size 688x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 80x21
text run at (0,0) width 80: "...and this..."
- RenderListItem {LI} at (40,21) size 704x21
+ RenderListItem {LI} at (40,21) size 688x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 129x21
text run at (0,0) width 129: "...is a second list..."
- RenderListItem {LI} at (40,42) size 704x21
+ RenderListItem {LI} at (40,42) size 688x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 194x21
text run at (0,0) width 194: "...nested within the list item."
- RenderListItem {LI} at (40,87) size 744x24 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,87) size 728x24 [border: (3px solid #000000) none]
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 178x21
text run at (0,0) width 178: "This is a second list item."
- RenderListItem {LI} at (40,111) size 744x45 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,111) size 728x45 [border: (3px solid #000000) none]
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 715x42
text run at (0,0) width 715: "Each list item in this list should have a medium-width black border at its bottom, which for the first item"
text run at (200,21) width 58: "beneath"
RenderText {#text} at (258,21) size 429x21
text run at (258,21) width 429: " the nested list (below the line \"...nested within the list item.\")."
- RenderTable {TABLE} at (0,589) size 784x495 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x493
- RenderTableRow {TR} at (0,0) size 782x31
- RenderTableCell {TD} at (0,0) size 782x31 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,589) size 768x516 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x514
+ RenderTableRow {TR} at (0,0) size 766x31
+ RenderTableCell {TD} at (0,0) size 766x31 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 178x21
RenderText {#text} at (4,4) size 178x21
text run at (4,4) width 178: "TABLE Testing Section"
- RenderTableRow {TR} at (0,31) size 782x462
- RenderTableCell {TD} at (0,247) size 12x30 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,31) size 766x483
+ RenderTableCell {TD} at (0,257) size 12x30 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x21
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,31) size 770x462 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x42
+ RenderTableCell {TD} at (12,31) size 754x483 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 746x42
RenderText {#text} at (0,0) size 734x42
text run at (0,0) width 734: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides."
text run at (0,21) width 490: "This border applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (4,62) size 762x31 [border: (10px double #800080) none]
+ RenderBlock {P} at (4,62) size 746x31 [border: (10px double #800080) none]
RenderText {#text} at (0,0) size 489x21
text run at (0,0) width 489: "This paragraph should have a purple, double, 10-pixel bottom border."
- RenderBlock {P} at (4,109) size 762x22 [border: (1px solid #800080) none]
+ RenderBlock {P} at (4,109) size 746x22 [border: (1px solid #800080) none]
RenderText {#text} at (0,0) size 397x21
text run at (0,0) width 397: "This paragraph should have a thin purple bottom border."
- RenderTable {TABLE} at (4,147) size 762x122 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 760x120
- RenderTableRow {TR} at (0,5) size 760x47
- RenderTableCell {TD} at (5,5) size 750x47 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (4,147) size 746x122 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 744x120
+ RenderTableRow {TR} at (0,5) size 744x47
+ RenderTableCell {TD} at (5,5) size 734x47 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderText {#text} at (2,2) size 703x42
text run at (2,2) width 504: "Every cell in this table should have a 2-pixel solid green bottom border. "
text run at (506,2) width 199: "This is also true of the table-"
text run at (2,23) width 347: "testing section in the second half of the test page."
- RenderTableRow {TR} at (0,57) size 760x58
- RenderTableCell {TD} at (5,73) size 191x26 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,57) size 744x58
+ RenderTableCell {TD} at (5,73) size 186x26 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 60x21
text run at (2,2) width 60: "Cell one"
- RenderTableCell {TD} at (201,57) size 554x58 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 550x21
+ RenderTableCell {TD} at (196,57) size 543x58 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 539x21
RenderText {#text} at (0,0) size 58x21
text run at (0,0) width 58: "Cell two"
RenderTable {TABLE} at (2,23) size 181x32 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 175x26 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 171x21
text run at (2,2) width 171: "Nested single-cell table!"
- RenderBlock {UL} at (4,285) size 762x156
- RenderListItem {LI} at (40,0) size 722x87 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 722x21
+ RenderBlock {UL} at (4,285) size 746x177
+ RenderListItem {LI} at (40,0) size 706x87 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 706x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 130x21
text run at (0,0) width 130: "This is a list item..."
- RenderBlock {UL} at (0,21) size 722x63
- RenderListItem {LI} at (40,0) size 682x21
+ RenderBlock {UL} at (0,21) size 706x63
+ RenderListItem {LI} at (40,0) size 666x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 80x21
text run at (0,0) width 80: "...and this..."
- RenderListItem {LI} at (40,21) size 682x21
+ RenderListItem {LI} at (40,21) size 666x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 129x21
text run at (0,0) width 129: "...is a second list..."
- RenderListItem {LI} at (40,42) size 682x21
+ RenderListItem {LI} at (40,42) size 666x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 194x21
text run at (0,0) width 194: "...nested within the list item."
- RenderListItem {LI} at (40,87) size 722x24 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,87) size 706x24 [border: (3px solid #000000) none]
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 178x21
text run at (0,0) width 178: "This is a second list item."
- RenderListItem {LI} at (40,111) size 722x45 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,111) size 706x66 [border: (3px solid #000000) none]
RenderListMarker at (-18,0) size 7x21: bullet
- RenderText {#text} at (0,0) size 715x42
- text run at (0,0) width 715: "Each list item in this list should have a medium-width black border at its bottom, which for the first item"
- text run at (0,21) width 200: "means that it should appear "
+ RenderText {#text} at (0,0) size 681x42
+ text run at (0,0) width 681: "Each list item in this list should have a medium-width black border at its bottom, which for the first"
+ text run at (0,21) width 234: "item means that it should appear "
RenderInline {EM} at (0,0) size 58x21
- RenderText {#text} at (200,21) size 58x21
- text run at (200,21) width 58: "beneath"
- RenderText {#text} at (258,21) size 429x21
- text run at (258,21) width 429: " the nested list (below the line \"...nested within the list item.\")."
+ RenderText {#text} at (234,21) size 58x21
+ text run at (234,21) width 58: "beneath"
+ RenderText {#text} at (292,21) size 668x42
+ text run at (292,21) width 376: " the nested list (below the line \"...nested within the list"
+ text run at (0,42) width 49: "item.\")."
-layer at (0,0) size 800x944
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x944
- RenderBlock {HTML} at (0,0) size 800x944
- RenderBody {BODY} at (8,8) size 784x928 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x944
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x944
+ RenderBlock {HTML} at (0,0) size 784x944
+ RenderBody {BODY} at (8,8) size 768x928 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x102
+ RenderBlock {PRE} at (0,37) size 768x102
RenderText {#text} at (0,0) size 328x102
text run at (0,0) width 320: ".zero {background-color: silver; border-bottom-width: 0;}"
text run at (320,0) width 0: " "
text run at (296,68) width 0: " "
text run at (0,85) width 191: ".five {border-bottom-width: 25px;}"
text run at (191,85) width 0: " "
- RenderBlock {HR} at (0,152) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,170) size 784x21
+ RenderBlock {HR} at (0,152) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,170) size 768x21
RenderText {#text} at (0,0) size 166x21
text run at (0,0) width 166: "(These will only work if "
RenderInline {CODE} at (0,0) size 68x17
text run at (166,3) width 68: "border-style"
RenderText {#text} at (234,0) size 100x21
text run at (234,0) width 100: " is supported.)"
- RenderBlock {P} at (0,207) size 784x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,207) size 768x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (0,244) size 784x74 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,244) size 768x74 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 429x21
text run at (3,3) width 429: "This element should have a bottom border width of 50 pixels."
- RenderBlock {P} at (0,334) size 784x29 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,334) size 768x29 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 381x21
text run at (3,3) width 381: "This element should have a thick bottom border width."
- RenderBlock {P} at (0,379) size 784x27 [border: (3px solid #000000)]
+ RenderBlock {P} at (0,379) size 768x27 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 405x21
text run at (3,3) width 405: "This element should have a medium bottom border width."
- RenderBlock {P} at (0,422) size 784x25 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,422) size 768x25 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 374x21
text run at (3,3) width 374: "This element should have a thin bottom border width."
- RenderBlock {P} at (0,463) size 784x21
+ RenderBlock {P} at (0,463) size 768x21
RenderText {#text} at (0,0) size 600x21
text run at (0,0) width 600: "This element should have no border and no extra \"padding\" on its bottom side, as no "
RenderInline {CODE} at (0,0) size 68x17
text run at (600,3) width 68: "border-style"
RenderText {#text} at (668,0) size 62x21
text run at (668,0) width 62: " was set."
- RenderBlock {P} at (0,500) size 784x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,500) size 768x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
RenderTable {TABLE} at (0,537) size 752x391 [border: (1px outset #808080)]
-layer at (0,0) size 800x1166
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1166
- RenderBlock {HTML} at (0,0) size 800x1166
- RenderBody {BODY} at (8,8) size 784x1150 [bgcolor=#CCCCCC]
- RenderBlock {P} at (20,0) size 764x21
+layer at (0,0) size 784x1166
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1166
+ RenderBlock {HTML} at (0,0) size 784x1166
+ RenderBody {BODY} at (8,8) size 768x1150 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (20,0) size 748x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x119
+ RenderBlock {PRE} at (0,37) size 768x119
RenderText {#text} at (0,0) size 238x119
text run at (0,0) width 122: "P {margin-left: 20px;}"
text run at (122,0) width 0: " "
text run at (227,85) width 0: " "
text run at (0,102) width 187: "TD {border-left: green 2px solid;}"
text run at (187,102) width 0: " "
- RenderBlock {HR} at (0,169) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (20,187) size 764x42
+ RenderBlock {HR} at (0,169) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (20,187) size 748x42
RenderText {#text} at (0,0) size 742x42
text run at (0,0) width 711: "Note that all table cells on this page should have a two-pixel solid green border along their left sides. "
text run at (711,0) width 31: "This"
text run at (0,21) width 455: "border applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (20,245) size 764x21 [border: (10px double #800080)]
+ RenderBlock {P} at (20,245) size 748x21 [border: (10px double #800080)]
RenderText {#text} at (10,0) size 462x21
text run at (10,0) width 462: "This paragraph should have a purple, double, 10-pixel left border."
- RenderBlock {P} at (20,282) size 764x21 [border: (1px solid #800080)]
+ RenderBlock {P} at (20,282) size 748x21 [border: (1px solid #800080)]
RenderText {#text} at (1,0) size 370x21
text run at (1,0) width 370: "This paragraph should have a thin purple left border."
- RenderTable {TABLE} at (0,319) size 784x119 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x117
- RenderTableRow {TR} at (0,5) size 782x46
- RenderTableCell {TD} at (5,5) size 772x46 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,319) size 768x119 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x117
+ RenderTableRow {TR} at (0,5) size 766x46
+ RenderTableCell {TD} at (5,5) size 756x46 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderText {#text} at (3,2) size 723x42
text run at (3,2) width 477: "Every cell in this table should have a 2-pixel solid green left border. "
text run at (480,2) width 246: "This is also true of the table-testing"
text run at (3,23) width 296: "section in the second half of the test page."
- RenderTableRow {TR} at (0,56) size 782x56
- RenderTableCell {TD} at (5,71) size 197x25 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,56) size 766x56
+ RenderTableCell {TD} at (5,71) size 193x25 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (3,2) size 60x21
text run at (3,2) width 60: "Cell one"
- RenderTableCell {TD} at (207,56) size 570x56 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,2) size 565x21
+ RenderTableCell {TD} at (203,56) size 558x56 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,2) size 553x21
RenderText {#text} at (0,0) size 58x21
text run at (0,0) width 58: "Cell two"
RenderTable {TABLE} at (3,23) size 182x31 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 176x25 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (3,2) size 171x21
text run at (3,2) width 171: "Nested single-cell table!"
- RenderBlock {UL} at (0,454) size 784x168
- RenderListItem {LI} at (40,0) size 744x84 [border: (3px solid #000000)]
- RenderBlock (anonymous) at (3,0) size 741x21
+ RenderBlock {UL} at (0,454) size 768x168
+ RenderListItem {LI} at (40,0) size 728x84 [border: (3px solid #000000)]
+ RenderBlock (anonymous) at (3,0) size 725x21
RenderListMarker at (-21,0) size 7x21: bullet
RenderText {#text} at (0,0) size 130x21
text run at (0,0) width 130: "This is a list item..."
- RenderBlock {UL} at (3,21) size 741x63
- RenderListItem {LI} at (40,0) size 701x21
+ RenderBlock {UL} at (3,21) size 725x63
+ RenderListItem {LI} at (40,0) size 685x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 80x21
text run at (0,0) width 80: "...and this..."
- RenderListItem {LI} at (40,21) size 701x21
+ RenderListItem {LI} at (40,21) size 685x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 129x21
text run at (0,0) width 129: "...is a second list..."
- RenderListItem {LI} at (40,42) size 701x21
+ RenderListItem {LI} at (40,42) size 685x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 194x21
text run at (0,0) width 194: "...nested within the list item."
- RenderListItem {LI} at (40,84) size 744x21 [border: (3px solid #800080)]
+ RenderListItem {LI} at (40,84) size 728x21 [border: (3px solid #800080)]
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (3,0) size 178x21
text run at (3,0) width 178: "This is a second list item."
- RenderListItem {LI} at (40,105) size 744x63 [border: (3px solid #0000FF)]
+ RenderListItem {LI} at (40,105) size 728x63 [border: (3px solid #0000FF)]
RenderListMarker at (-18,0) size 7x21: bullet
- RenderText {#text} at (3,0) size 741x63
+ RenderText {#text} at (3,0) size 723x63
text run at (3,0) width 718: "Each list item in this 'parent' list should have a medium-width border along its left side, in each of three"
text run at (3,21) width 51: "colors. "
- text run at (54,21) width 690: "The first item's border should travel the entire height the nested list (to end near the baseline of the"
- text run at (3,42) width 697: "line \"...nested within the list item.\"), even though the nested list does not have any border styles set."
- RenderTable {TABLE} at (0,638) size 784x512 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x510
- RenderTableRow {TR} at (0,0) size 782x30
- RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ text run at (54,21) width 664: "The first item's border should travel the entire height the nested list (to end near the baseline of"
+ text run at (3,42) width 723: "the line \"...nested within the list item.\"), even though the nested list does not have any border styles set."
+ RenderTable {TABLE} at (0,638) size 768x512 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x510
+ RenderTableRow {TR} at (0,0) size 766x30
+ RenderTableCell {TD} at (0,0) size 766x30 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 178x21
RenderText {#text} at (5,4) size 178x21
text run at (5,4) width 178: "TABLE Testing Section"
- RenderTableRow {TR} at (0,30) size 782x480
+ RenderTableRow {TR} at (0,30) size 766x480
RenderTableCell {TD} at (0,255) size 13x29 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (5,4) size 4x21
text run at (5,4) width 4: " "
- RenderTableCell {TD} at (13,30) size 769x480 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (25,4) size 740x42
+ RenderTableCell {TD} at (13,30) size 753x480 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (25,4) size 724x42
RenderText {#text} at (0,0) size 707x42
text run at (0,0) width 707: "Note that all table cells on this page should have a two-pixel solid green border along their left sides."
text run at (0,21) width 490: "This border applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (25,62) size 740x21 [border: (10px double #800080)]
+ RenderBlock {P} at (25,62) size 724x21 [border: (10px double #800080)]
RenderText {#text} at (10,0) size 462x21
text run at (10,0) width 462: "This paragraph should have a purple, double, 10-pixel left border."
- RenderBlock {P} at (25,99) size 740x21 [border: (1px solid #800080)]
+ RenderBlock {P} at (25,99) size 724x21 [border: (1px solid #800080)]
RenderText {#text} at (1,0) size 370x21
text run at (1,0) width 370: "This paragraph should have a thin purple left border."
- RenderTable {TABLE} at (5,136) size 760x119 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 758x117
- RenderTableRow {TR} at (0,5) size 758x46
- RenderTableCell {TD} at (5,5) size 748x46 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (5,136) size 744x119 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 742x117
+ RenderTableRow {TR} at (0,5) size 742x46
+ RenderTableCell {TD} at (5,5) size 732x46 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderText {#text} at (3,2) size 723x42
text run at (3,2) width 477: "Every cell in this table should have a 2-pixel solid green left border. "
text run at (480,2) width 246: "This is also true of the table-testing"
text run at (3,23) width 296: "section in the second half of the test page."
- RenderTableRow {TR} at (0,56) size 758x56
- RenderTableCell {TD} at (5,71) size 191x25 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,56) size 742x56
+ RenderTableCell {TD} at (5,71) size 186x25 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (3,2) size 60x21
text run at (3,2) width 60: "Cell one"
- RenderTableCell {TD} at (201,56) size 552x56 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,2) size 547x21
+ RenderTableCell {TD} at (196,56) size 541x56 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,2) size 536x21
RenderText {#text} at (0,0) size 58x21
text run at (0,0) width 58: "Cell two"
RenderTable {TABLE} at (3,23) size 182x31 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 176x25 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (3,2) size 171x21
text run at (3,2) width 171: "Nested single-cell table!"
- RenderBlock {UL} at (5,271) size 760x189
- RenderListItem {LI} at (40,0) size 720x84 [border: (3px solid #000000)]
- RenderBlock (anonymous) at (3,0) size 717x21
+ RenderBlock {UL} at (5,271) size 744x189
+ RenderListItem {LI} at (40,0) size 704x84 [border: (3px solid #000000)]
+ RenderBlock (anonymous) at (3,0) size 701x21
RenderListMarker at (-21,0) size 7x21: bullet
RenderText {#text} at (0,0) size 130x21
text run at (0,0) width 130: "This is a list item..."
- RenderBlock {UL} at (3,21) size 717x63
- RenderListItem {LI} at (40,0) size 677x21
+ RenderBlock {UL} at (3,21) size 701x63
+ RenderListItem {LI} at (40,0) size 661x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 80x21
text run at (0,0) width 80: "...and this..."
- RenderListItem {LI} at (40,21) size 677x21
+ RenderListItem {LI} at (40,21) size 661x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 129x21
text run at (0,0) width 129: "...is a second list..."
- RenderListItem {LI} at (40,42) size 677x21
+ RenderListItem {LI} at (40,42) size 661x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 194x21
text run at (0,0) width 194: "...nested within the list item."
- RenderListItem {LI} at (40,84) size 720x21 [border: (3px solid #800080)]
+ RenderListItem {LI} at (40,84) size 704x21 [border: (3px solid #800080)]
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (3,0) size 178x21
text run at (3,0) width 178: "This is a second list item."
- RenderListItem {LI} at (40,105) size 720x84 [border: (3px solid #0000FF)]
+ RenderListItem {LI} at (40,105) size 704x84 [border: (3px solid #0000FF)]
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (3,0) size 681x84
text run at (3,0) width 678: "Each list item in this 'parent' list should have a medium-width border along its left side, in each of"
-layer at (0,0) size 800x944
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x944
- RenderBlock {HTML} at (0,0) size 800x944
- RenderBody {BODY} at (8,8) size 784x928 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x944
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x944
+ RenderBlock {HTML} at (0,0) size 784x944
+ RenderBody {BODY} at (8,8) size 768x928 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x102
+ RenderBlock {PRE} at (0,37) size 768x102
RenderText {#text} at (0,0) size 306x102
text run at (0,0) width 298: ".zero {background-color: silver; border-left-width: 0;}"
text run at (298,0) width 0: " "
text run at (274,68) width 0: " "
text run at (0,85) width 169: ".five {border-left-width: 25px;}"
text run at (169,85) width 0: " "
- RenderBlock {HR} at (0,152) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,170) size 784x21
+ RenderBlock {HR} at (0,152) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,170) size 768x21
RenderText {#text} at (0,0) size 166x21
text run at (0,0) width 166: "(These will only work if "
RenderInline {CODE} at (0,0) size 68x17
text run at (166,3) width 68: "border-style"
RenderText {#text} at (234,0) size 100x21
text run at (234,0) width 100: " is supported.)"
- RenderBlock {P} at (0,207) size 784x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,207) size 768x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (0,244) size 784x48 [border: (3px solid #000000) (50px solid #000000)]
+ RenderBlock {P} at (0,244) size 768x48 [border: (3px solid #000000) (50px solid #000000)]
RenderText {#text} at (50,3) size 713x42
text run at (50,3) width 713: "This element should have a left border width of 50 pixels, which will be more obvious if the element is"
text run at (50,24) width 171: "more than one line long."
- RenderBlock {P} at (0,308) size 784x48 [border: (3px solid #000000) (5px solid #000000)]
- RenderText {#text} at (5,3) size 771x42
- text run at (5,3) width 771: "This element should have a thick left border width, which will be more obvious if the element is more than one"
- text run at (5,24) width 65: "line long."
- RenderBlock {P} at (0,372) size 784x48 [border: (3px solid #000000)]
- RenderText {#text} at (3,3) size 764x42
- text run at (3,3) width 764: "This element should have a medium left border width, which will be more obvious if the element is more than"
- text run at (3,24) width 96: "one line long."
- RenderBlock {P} at (0,436) size 784x48 [border: (3px solid #000000) (1px solid #000000)]
+ RenderBlock {P} at (0,308) size 768x48 [border: (3px solid #000000) (5px solid #000000)]
+ RenderText {#text} at (5,3) size 740x42
+ text run at (5,3) width 740: "This element should have a thick left border width, which will be more obvious if the element is more than"
+ text run at (5,24) width 96: "one line long."
+ RenderBlock {P} at (0,372) size 768x48 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 729x42
+ text run at (3,3) width 729: "This element should have a medium left border width, which will be more obvious if the element is more"
+ text run at (3,24) width 131: "than one line long."
+ RenderBlock {P} at (0,436) size 768x48 [border: (3px solid #000000) (1px solid #000000)]
RenderText {#text} at (1,3) size 764x42
text run at (1,3) width 764: "This element should have a thin left border width, which will be more obvious if the element is more than one"
text run at (1,24) width 65: "line long."
- RenderBlock {P} at (0,500) size 784x21
+ RenderBlock {P} at (0,500) size 768x21
RenderText {#text} at (0,0) size 573x21
text run at (0,0) width 573: "This element should have no border and no extra \"padding\" on its left side, as no "
RenderInline {CODE} at (0,0) size 68x17
text run at (573,3) width 68: "border-style"
RenderText {#text} at (641,0) size 62x21
text run at (641,0) width 62: " was set."
- RenderTable {TABLE} at (0,537) size 784x391 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x389
- RenderTableRow {TR} at (0,0) size 782x30
- RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,537) size 768x391 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x389
+ RenderTableRow {TR} at (0,0) size 766x30
+ RenderTableCell {TD} at (0,0) size 766x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 178x21
RenderText {#text} at (4,4) size 178x21
text run at (4,4) width 178: "TABLE Testing Section"
- RenderTableRow {TR} at (0,30) size 782x359
+ RenderTableRow {TR} at (0,30) size 766x359
RenderTableCell {TD} at (0,195) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x21
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,30) size 770x359 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x21
+ RenderTableCell {TD} at (12,30) size 754x359 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 746x21
RenderText {#text} at (0,0) size 166x21
text run at (0,0) width 166: "(These will only work if "
RenderInline {CODE} at (0,0) size 68x17
text run at (166,3) width 68: "border-style"
RenderText {#text} at (234,0) size 100x21
text run at (234,0) width 100: " is supported.)"
- RenderBlock {P} at (4,41) size 762x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,41) size 746x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (4,78) size 762x48 [border: (3px solid #000000) (50px solid #000000)]
- RenderText {#text} at (50,3) size 697x42
- text run at (50,3) width 697: "This element should have a left border width of 50 pixels, which will be more obvious if the element"
- text run at (50,24) width 187: "is more than one line long."
- RenderBlock {P} at (4,142) size 762x48 [border: (3px solid #000000) (5px solid #000000)]
- RenderText {#text} at (5,3) size 740x42
- text run at (5,3) width 740: "This element should have a thick left border width, which will be more obvious if the element is more than"
- text run at (5,24) width 96: "one line long."
- RenderBlock {P} at (4,206) size 762x48 [border: (3px solid #000000)]
+ RenderBlock {P} at (4,78) size 746x48 [border: (3px solid #000000) (50px solid #000000)]
+ RenderText {#text} at (50,3) size 636x42
+ text run at (50,3) width 636: "This element should have a left border width of 50 pixels, which will be more obvious if the"
+ text run at (50,24) width 248: "element is more than one line long."
+ RenderBlock {P} at (4,142) size 746x48 [border: (3px solid #000000) (5px solid #000000)]
+ RenderText {#text} at (5,3) size 705x42
+ text run at (5,3) width 705: "This element should have a thick left border width, which will be more obvious if the element is more"
+ text run at (5,24) width 131: "than one line long."
+ RenderBlock {P} at (4,206) size 746x48 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 729x42
text run at (3,3) width 729: "This element should have a medium left border width, which will be more obvious if the element is more"
text run at (3,24) width 131: "than one line long."
- RenderBlock {P} at (4,270) size 762x48 [border: (3px solid #000000) (1px solid #000000)]
+ RenderBlock {P} at (4,270) size 746x48 [border: (3px solid #000000) (1px solid #000000)]
RenderText {#text} at (1,3) size 733x42
text run at (1,3) width 733: "This element should have a thin left border width, which will be more obvious if the element is more than"
text run at (1,24) width 96: "one line long."
- RenderBlock {P} at (4,334) size 762x21
+ RenderBlock {P} at (4,334) size 746x21
RenderText {#text} at (0,0) size 573x21
text run at (0,0) width 573: "This element should have no border and no extra \"padding\" on its left side, as no "
RenderInline {CODE} at (0,0) size 68x17
-layer at (0,0) size 800x1229
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1229
- RenderBlock {HTML} at (0,0) size 800x1229
- RenderBody {BODY} at (8,8) size 784x1213 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 764x21
+layer at (0,0) size 784x1229
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1229
+ RenderBlock {HTML} at (0,0) size 784x1229
+ RenderBody {BODY} at (8,8) size 768x1213 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 748x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x119
+ RenderBlock {PRE} at (0,37) size 768x119
RenderText {#text} at (0,0) size 245x119
text run at (0,0) width 129: "P {margin-right: 20px;}"
text run at (129,0) width 0: " "
text run at (234,85) width 0: " "
text run at (0,102) width 194: "TD {border-right: green 2px solid;}"
text run at (194,102) width 0: " "
- RenderBlock {HR} at (0,169) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,187) size 764x42
- RenderText {#text} at (0,0) size 752x42
- text run at (0,0) width 721: "Note that all table cells on this page should have a two-pixel solid green border along their right sides. "
- text run at (721,0) width 31: "This"
- text run at (0,21) width 455: "border applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,245) size 764x21 [border: (10px double #800080) none]
+ RenderBlock {HR} at (0,169) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,187) size 748x42
+ RenderText {#text} at (0,0) size 717x42
+ text run at (0,0) width 717: "Note that all table cells on this page should have a two-pixel solid green border along their right sides."
+ text run at (0,21) width 490: "This border applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (0,245) size 748x21 [border: (10px double #800080) none]
RenderText {#text} at (0,0) size 472x21
text run at (0,0) width 472: "This paragraph should have a purple, double, 10-pixel right border."
- RenderBlock {P} at (0,282) size 764x21 [border: (1px solid #800080) none]
+ RenderBlock {P} at (0,282) size 748x21 [border: (1px solid #800080) none]
RenderText {#text} at (0,0) size 380x21
text run at (0,0) width 380: "This paragraph should have a thin purple right border."
- RenderTable {TABLE} at (0,319) size 784x119 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x117
- RenderTableRow {TR} at (0,5) size 782x46
- RenderTableCell {TD} at (5,5) size 772x46 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,319) size 768x119 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x117
+ RenderTableRow {TR} at (0,5) size 766x46
+ RenderTableCell {TD} at (5,5) size 756x46 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderText {#text} at (2,2) size 733x42
text run at (2,2) width 487: "Every cell in this table should have a 2-pixel solid green right border. "
text run at (489,2) width 246: "This is also true of the table-testing"
text run at (2,23) width 296: "section in the second half of the test page."
- RenderTableRow {TR} at (0,56) size 782x56
- RenderTableCell {TD} at (5,71) size 197x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,56) size 766x56
+ RenderTableCell {TD} at (5,71) size 193x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 60x21
text run at (2,2) width 60: "Cell one"
- RenderTableCell {TD} at (207,56) size 570x56 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 565x21
+ RenderTableCell {TD} at (203,56) size 558x56 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 553x21
RenderText {#text} at (0,0) size 58x21
text run at (0,0) width 58: "Cell two"
RenderTable {TABLE} at (2,23) size 182x31 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 176x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 171x21
text run at (2,2) width 171: "Nested single-cell table!"
- RenderBlock {UL} at (0,454) size 784x210
- RenderListItem {LI} at (40,0) size 744x84 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 741x21
+ RenderBlock {UL} at (0,454) size 768x210
+ RenderListItem {LI} at (40,0) size 728x84 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 725x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 130x21
text run at (0,0) width 130: "This is a list item..."
- RenderBlock {UL} at (0,21) size 741x63
- RenderListItem {LI} at (40,0) size 701x21
+ RenderBlock {UL} at (0,21) size 725x63
+ RenderListItem {LI} at (40,0) size 685x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 80x21
text run at (0,0) width 80: "...and this..."
- RenderListItem {LI} at (40,21) size 701x21
+ RenderListItem {LI} at (40,21) size 685x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 129x21
text run at (0,0) width 129: "...is a second list..."
- RenderListItem {LI} at (40,42) size 701x21
+ RenderListItem {LI} at (40,42) size 685x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 194x21
text run at (0,0) width 194: "...nested within the list item."
- RenderListItem {LI} at (40,84) size 744x21 [border: (3px solid #800080) none]
+ RenderListItem {LI} at (40,84) size 728x21 [border: (3px solid #800080) none]
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 178x21
text run at (0,0) width 178: "This is a second list item."
- RenderListItem {LI} at (40,105) size 744x105 [border: (3px solid #0000FF) none]
+ RenderListItem {LI} at (40,105) size 728x105 [border: (3px solid #0000FF) none]
RenderListMarker at (-18,0) size 7x21: bullet
- RenderText {#text} at (0,0) size 741x105
- text run at (0,0) width 728: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three"
- text run at (0,21) width 51: "colors. "
- text run at (51,21) width 690: "The first item's border should travel the entire height the nested list (to end near the baseline of the"
- text run at (0,42) width 701: "line \"...nested within the list item.\"), even though the nested list does not have any border styles set. "
- text run at (701,42) width 28: "The"
- text run at (0,63) width 697: "borders should line up together at the right edge of the document's body, as each list element has a"
- text run at (0,84) width 156: "default width of 100%."
- RenderTable {TABLE} at (0,680) size 784x533 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x531
- RenderTableRow {TR} at (0,0) size 782x30
- RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (0,0) size 725x105
+ text run at (0,0) width 688: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of"
+ text run at (0,21) width 91: "three colors. "
+ text run at (91,21) width 582: "The first item's border should travel the entire height the nested list (to end near the"
+ text run at (0,42) width 681: "baseline of the line \"...nested within the list item.\"), even though the nested list does not have any"
+ text run at (0,63) width 124: "border styles set. "
+ text run at (124,63) width 601: "The borders should line up together at the right edge of the document's body, as each"
+ text run at (0,84) width 284: "list element has a default width of 100%."
+ RenderTable {TABLE} at (0,680) size 768x533 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x531
+ RenderTableRow {TR} at (0,0) size 766x30
+ RenderTableCell {TD} at (0,0) size 766x30 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 178x21
RenderText {#text} at (4,4) size 178x21
text run at (4,4) width 178: "TABLE Testing Section"
- RenderTableRow {TR} at (0,30) size 782x501
+ RenderTableRow {TR} at (0,30) size 766x501
RenderTableCell {TD} at (0,266) size 13x29 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x21
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (13,30) size 769x501 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 740x42
+ RenderTableCell {TD} at (13,30) size 753x501 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 724x42
RenderText {#text} at (0,0) size 717x42
text run at (0,0) width 717: "Note that all table cells on this page should have a two-pixel solid green border along their right sides."
text run at (0,21) width 490: "This border applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (4,62) size 740x21 [border: (10px double #800080) none]
+ RenderBlock {P} at (4,62) size 724x21 [border: (10px double #800080) none]
RenderText {#text} at (0,0) size 472x21
text run at (0,0) width 472: "This paragraph should have a purple, double, 10-pixel right border."
- RenderBlock {P} at (4,99) size 740x21 [border: (1px solid #800080) none]
+ RenderBlock {P} at (4,99) size 724x21 [border: (1px solid #800080) none]
RenderText {#text} at (0,0) size 380x21
text run at (0,0) width 380: "This paragraph should have a thin purple right border."
- RenderTable {TABLE} at (4,136) size 760x119 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 758x117
- RenderTableRow {TR} at (0,5) size 758x46
- RenderTableCell {TD} at (5,5) size 748x46 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
- RenderText {#text} at (2,2) size 733x42
+ RenderTable {TABLE} at (4,136) size 744x119 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 742x117
+ RenderTableRow {TR} at (0,5) size 742x46
+ RenderTableCell {TD} at (5,5) size 732x46 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (2,2) size 686x42
text run at (2,2) width 487: "Every cell in this table should have a 2-pixel solid green right border. "
- text run at (489,2) width 246: "This is also true of the table-testing"
- text run at (2,23) width 296: "section in the second half of the test page."
- RenderTableRow {TR} at (0,56) size 758x56
- RenderTableCell {TD} at (5,71) size 191x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ text run at (489,2) width 199: "This is also true of the table-"
+ text run at (2,23) width 347: "testing section in the second half of the test page."
+ RenderTableRow {TR} at (0,56) size 742x56
+ RenderTableCell {TD} at (5,71) size 187x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 60x21
text run at (2,2) width 60: "Cell one"
- RenderTableCell {TD} at (201,56) size 552x56 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 547x21
+ RenderTableCell {TD} at (197,56) size 540x56 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 535x21
RenderText {#text} at (0,0) size 58x21
text run at (0,0) width 58: "Cell two"
RenderTable {TABLE} at (2,23) size 182x31 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 176x25 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,2) size 171x21
text run at (2,2) width 171: "Nested single-cell table!"
- RenderBlock {UL} at (4,271) size 760x210
- RenderListItem {LI} at (40,0) size 720x84 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 717x21
+ RenderBlock {UL} at (4,271) size 744x210
+ RenderListItem {LI} at (40,0) size 704x84 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 701x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 130x21
text run at (0,0) width 130: "This is a list item..."
- RenderBlock {UL} at (0,21) size 717x63
- RenderListItem {LI} at (40,0) size 677x21
+ RenderBlock {UL} at (0,21) size 701x63
+ RenderListItem {LI} at (40,0) size 661x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 80x21
text run at (0,0) width 80: "...and this..."
- RenderListItem {LI} at (40,21) size 677x21
+ RenderListItem {LI} at (40,21) size 661x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 129x21
text run at (0,0) width 129: "...is a second list..."
- RenderListItem {LI} at (40,42) size 677x21
+ RenderListItem {LI} at (40,42) size 661x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 194x21
text run at (0,0) width 194: "...nested within the list item."
- RenderListItem {LI} at (40,84) size 720x21 [border: (3px solid #800080) none]
+ RenderListItem {LI} at (40,84) size 704x21 [border: (3px solid #800080) none]
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 178x21
text run at (0,0) width 178: "This is a second list item."
- RenderListItem {LI} at (40,105) size 720x105 [border: (3px solid #0000FF) none]
+ RenderListItem {LI} at (40,105) size 704x105 [border: (3px solid #0000FF) none]
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 688x105
text run at (0,0) width 688: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of"
-layer at (0,0) size 800x944
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x944
- RenderBlock {HTML} at (0,0) size 800x944
- RenderBody {BODY} at (8,8) size 784x928 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x944
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x944
+ RenderBlock {HTML} at (0,0) size 784x944
+ RenderBody {BODY} at (8,8) size 768x928 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x102
+ RenderBlock {PRE} at (0,37) size 768x102
RenderText {#text} at (0,0) size 313x102
text run at (0,0) width 305: ".zero {background-color: silver; border-right-width: 0;}"
text run at (305,0) width 0: " "
text run at (281,68) width 0: " "
text run at (0,85) width 183: ".five {border-right-width: 100px;}"
text run at (183,85) width 0: " "
- RenderBlock {HR} at (0,152) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,170) size 784x21
+ RenderBlock {HR} at (0,152) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,170) size 768x21
RenderText {#text} at (0,0) size 166x21
text run at (0,0) width 166: "(These will only work if "
RenderInline {CODE} at (0,0) size 68x17
text run at (166,3) width 68: "border-style"
RenderText {#text} at (234,0) size 100x21
text run at (234,0) width 100: " is supported.)"
- RenderBlock {P} at (0,207) size 784x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,207) size 768x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (0,244) size 784x48 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,244) size 768x48 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 723x42
text run at (3,3) width 723: "This element should have a right border width of 25 pixels, which will be more obvious if the element is"
text run at (3,24) width 171: "more than one line long."
- RenderBlock {P} at (0,308) size 784x48 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,308) size 768x48 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,3) size 750x42
text run at (3,3) width 750: "This element should have a thick right border width, which will be more obvious if the element is more than"
text run at (3,24) width 96: "one line long."
- RenderBlock {P} at (0,372) size 784x48 [border: (3px solid #000000)]
- RenderText {#text} at (3,3) size 774x42
- text run at (3,3) width 774: "This element should have a medium right border width, which will be more obvious if the element is more than"
+ RenderBlock {P} at (0,372) size 768x48 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 739x42
+ text run at (3,3) width 739: "This element should have a medium right border width, which will be more obvious if the element is more"
+ text run at (3,24) width 131: "than one line long."
+ RenderBlock {P} at (0,436) size 768x48 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 743x42
+ text run at (3,3) width 743: "This element should have a thin right border width, which will be more obvious if the element is more than"
text run at (3,24) width 96: "one line long."
- RenderBlock {P} at (0,436) size 784x48 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
- RenderText {#text} at (3,3) size 774x42
- text run at (3,3) width 774: "This element should have a thin right border width, which will be more obvious if the element is more than one"
- text run at (3,24) width 65: "line long."
- RenderBlock {P} at (0,500) size 784x21
+ RenderBlock {P} at (0,500) size 768x21
RenderText {#text} at (0,0) size 583x21
text run at (0,0) width 583: "This element should have no border and no extra \"padding\" on its right side, as no "
RenderInline {CODE} at (0,0) size 68x17
text run at (583,3) width 68: "border-style"
RenderText {#text} at (651,0) size 62x21
text run at (651,0) width 62: " was set."
- RenderTable {TABLE} at (0,537) size 784x391 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x389
- RenderTableRow {TR} at (0,0) size 782x30
- RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,537) size 768x391 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x389
+ RenderTableRow {TR} at (0,0) size 766x30
+ RenderTableCell {TD} at (0,0) size 766x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 178x21
RenderText {#text} at (4,4) size 178x21
text run at (4,4) width 178: "TABLE Testing Section"
- RenderTableRow {TR} at (0,30) size 782x359
+ RenderTableRow {TR} at (0,30) size 766x359
RenderTableCell {TD} at (0,195) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x21
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,30) size 770x359 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x21
+ RenderTableCell {TD} at (12,30) size 754x359 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 746x21
RenderText {#text} at (0,0) size 166x21
text run at (0,0) width 166: "(These will only work if "
RenderInline {CODE} at (0,0) size 68x17
text run at (166,3) width 68: "border-style"
RenderText {#text} at (234,0) size 100x21
text run at (234,0) width 100: " is supported.)"
- RenderBlock {P} at (4,41) size 762x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,41) size 746x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (4,78) size 762x48 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
- RenderText {#text} at (3,3) size 723x42
- text run at (3,3) width 723: "This element should have a right border width of 25 pixels, which will be more obvious if the element is"
- text run at (3,24) width 171: "more than one line long."
- RenderBlock {P} at (4,142) size 762x48 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
- RenderText {#text} at (3,3) size 750x42
- text run at (3,3) width 750: "This element should have a thick right border width, which will be more obvious if the element is more than"
- text run at (3,24) width 96: "one line long."
- RenderBlock {P} at (4,206) size 762x48 [border: (3px solid #000000)]
+ RenderBlock {P} at (4,78) size 746x48 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 707x42
+ text run at (3,3) width 707: "This element should have a right border width of 25 pixels, which will be more obvious if the element"
+ text run at (3,24) width 187: "is more than one line long."
+ RenderBlock {P} at (4,142) size 746x48 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 715x42
+ text run at (3,3) width 715: "This element should have a thick right border width, which will be more obvious if the element is more"
+ text run at (3,24) width 131: "than one line long."
+ RenderBlock {P} at (4,206) size 746x48 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 739x42
text run at (3,3) width 739: "This element should have a medium right border width, which will be more obvious if the element is more"
text run at (3,24) width 131: "than one line long."
- RenderBlock {P} at (4,270) size 762x48 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
- RenderText {#text} at (3,3) size 743x42
- text run at (3,3) width 743: "This element should have a thin right border width, which will be more obvious if the element is more than"
- text run at (3,24) width 96: "one line long."
- RenderBlock {P} at (4,334) size 762x21
+ RenderBlock {P} at (4,270) size 746x48 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 708x42
+ text run at (3,3) width 708: "This element should have a thin right border width, which will be more obvious if the element is more"
+ text run at (3,24) width 131: "than one line long."
+ RenderBlock {P} at (4,334) size 746x21
RenderText {#text} at (0,0) size 583x21
text run at (0,0) width 583: "This element should have no border and no extra \"padding\" on its right side, as no "
RenderInline {CODE} at (0,0) size 68x17
-layer at (0,0) size 800x1410
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1410
- RenderBlock {HTML} at (0,0) size 800x1410
- RenderBody {BODY} at (8,8) size 784x1394 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x1410
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1410
+ RenderBlock {HTML} at (0,0) size 784x1410
+ RenderBody {BODY} at (8,8) size 768x1394 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x204
+ RenderBlock {PRE} at (0,37) size 768x204
RenderText {#text} at (0,0) size 434x204
text run at (0,0) width 382: ".one {border-style: dotted; border-color: black; border-width: thick;}"
text run at (382,0) width 0: " "
text run at (245,170) width 0: " "
text run at (0,187) width 378: ".eleven {border-style: none; border-color: red; border-width: thick;}"
text run at (378,187) width 0: " "
- RenderBlock {HR} at (0,254) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,272) size 784x31 [border: (5px dotted #000000)]
+ RenderBlock {HR} at (0,254) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,272) size 768x31 [border: (5px dotted #000000)]
RenderText {#text} at (5,5) size 527x21
text run at (5,5) width 527: "This paragraph should have a thick black dotted border all the way around."
- RenderBlock {P} at (0,319) size 784x31 [border: (5px dashed #000000)]
+ RenderBlock {P} at (0,319) size 768x31 [border: (5px dashed #000000)]
RenderText {#text} at (5,5) size 536x21
text run at (5,5) width 536: "This paragraph should have a thick black dashed border all the way around."
- RenderBlock {P} at (0,366) size 784x31 [border: (5px solid #000000)]
+ RenderBlock {P} at (0,366) size 768x31 [border: (5px solid #000000)]
RenderText {#text} at (5,5) size 517x21
text run at (5,5) width 517: "This paragraph should have a thick black solid border all the way around."
- RenderBlock {P} at (0,413) size 784x31 [border: (5px double #000000)]
+ RenderBlock {P} at (0,413) size 768x31 [border: (5px double #000000)]
RenderText {#text} at (5,5) size 532x21
text run at (5,5) width 532: "This paragraph should have a thick black double border all the way around."
- RenderBlock {P} at (0,460) size 784x31 [border: (5px groove #808000)]
+ RenderBlock {P} at (0,460) size 768x31 [border: (5px groove #808000)]
RenderText {#text} at (5,5) size 528x21
text run at (5,5) width 528: "This paragraph should have a thick olive groove border all the way around."
- RenderBlock {P} at (0,507) size 784x31 [border: (5px ridge #808000)]
+ RenderBlock {P} at (0,507) size 768x31 [border: (5px ridge #808000)]
RenderText {#text} at (5,5) size 515x21
text run at (5,5) width 515: "This paragraph should have a thick olive ridge border all the way around."
- RenderBlock {P} at (0,554) size 784x31 [border: (5px inset #808000)]
+ RenderBlock {P} at (0,554) size 768x31 [border: (5px inset #808000)]
RenderText {#text} at (5,5) size 513x21
text run at (5,5) width 513: "This paragraph should have a thick olive inset border all the way around."
- RenderBlock {P} at (0,601) size 784x31 [border: (5px outset #808000)]
+ RenderBlock {P} at (0,601) size 768x31 [border: (5px outset #808000)]
RenderText {#text} at (5,5) size 522x21
text run at (5,5) width 522: "This paragraph should have a thick olive outset border all the way around."
- RenderBlock {P} at (0,648) size 784x52 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
- RenderText {#text} at (5,5) size 774x42
+ RenderBlock {P} at (0,648) size 768x52 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
+ RenderText {#text} at (5,5) size 757x42
text run at (5,5) width 690: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. "
- text run at (695,5) width 84: "The color of"
- text run at (5,26) width 287: "all four sides should be based on purple."
- RenderBlock {P} at (0,716) size 784x52 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
+ text run at (695,5) width 67: "The color"
+ text run at (5,26) width 304: "of all four sides should be based on purple."
+ RenderBlock {P} at (0,716) size 768x52 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
RenderText {#text} at (5,5) size 721x42
text run at (5,5) width 721: "This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick"
text run at (5,26) width 54: "border. "
text run at (59,26) width 375: "The color of all four sides should be based on purple."
- RenderBlock {P} at (0,784) size 784x21
+ RenderBlock {P} at (0,784) size 768x21
RenderText {#text} at (0,0) size 313x21
text run at (0,0) width 313: "This paragraph should have no border at all."
- RenderTable {TABLE} at (0,821) size 784x573 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x571
- RenderTableRow {TR} at (0,0) size 782x30
- RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,821) size 768x573 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x571
+ RenderTableRow {TR} at (0,0) size 766x30
+ RenderTableCell {TD} at (0,0) size 766x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 178x21
RenderText {#text} at (4,4) size 178x21
text run at (4,4) width 178: "TABLE Testing Section"
- RenderTableRow {TR} at (0,30) size 782x541
+ RenderTableRow {TR} at (0,30) size 766x541
RenderTableCell {TD} at (0,286) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x21
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,30) size 770x541 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x31 [border: (5px dotted #000000)]
+ RenderTableCell {TD} at (12,30) size 754x541 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 746x31 [border: (5px dotted #000000)]
RenderText {#text} at (5,5) size 527x21
text run at (5,5) width 527: "This paragraph should have a thick black dotted border all the way around."
- RenderBlock {P} at (4,51) size 762x31 [border: (5px dashed #000000)]
+ RenderBlock {P} at (4,51) size 746x31 [border: (5px dashed #000000)]
RenderText {#text} at (5,5) size 536x21
text run at (5,5) width 536: "This paragraph should have a thick black dashed border all the way around."
- RenderBlock {P} at (4,98) size 762x31 [border: (5px solid #000000)]
+ RenderBlock {P} at (4,98) size 746x31 [border: (5px solid #000000)]
RenderText {#text} at (5,5) size 517x21
text run at (5,5) width 517: "This paragraph should have a thick black solid border all the way around."
- RenderBlock {P} at (4,145) size 762x31 [border: (5px double #000000)]
+ RenderBlock {P} at (4,145) size 746x31 [border: (5px double #000000)]
RenderText {#text} at (5,5) size 532x21
text run at (5,5) width 532: "This paragraph should have a thick black double border all the way around."
- RenderBlock {P} at (4,192) size 762x31 [border: (5px groove #808000)]
+ RenderBlock {P} at (4,192) size 746x31 [border: (5px groove #808000)]
RenderText {#text} at (5,5) size 528x21
text run at (5,5) width 528: "This paragraph should have a thick olive groove border all the way around."
- RenderBlock {P} at (4,239) size 762x31 [border: (5px ridge #808000)]
+ RenderBlock {P} at (4,239) size 746x31 [border: (5px ridge #808000)]
RenderText {#text} at (5,5) size 515x21
text run at (5,5) width 515: "This paragraph should have a thick olive ridge border all the way around."
- RenderBlock {P} at (4,286) size 762x31 [border: (5px inset #808000)]
+ RenderBlock {P} at (4,286) size 746x31 [border: (5px inset #808000)]
RenderText {#text} at (5,5) size 513x21
text run at (5,5) width 513: "This paragraph should have a thick olive inset border all the way around."
- RenderBlock {P} at (4,333) size 762x31 [border: (5px outset #808000)]
+ RenderBlock {P} at (4,333) size 746x31 [border: (5px outset #808000)]
RenderText {#text} at (5,5) size 522x21
text run at (5,5) width 522: "This paragraph should have a thick olive outset border all the way around."
- RenderBlock {P} at (4,380) size 762x52 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
+ RenderBlock {P} at (4,380) size 746x52 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
RenderText {#text} at (5,5) size 718x42
text run at (5,5) width 690: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. "
text run at (695,5) width 28: "The"
text run at (5,26) width 343: "color of all four sides should be based on purple."
- RenderBlock {P} at (4,448) size 762x52 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
+ RenderBlock {P} at (4,448) size 746x52 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
RenderText {#text} at (5,5) size 721x42
text run at (5,5) width 721: "This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick"
text run at (5,26) width 54: "border. "
text run at (59,26) width 375: "The color of all four sides should be based on purple."
- RenderBlock {P} at (4,516) size 762x21
+ RenderBlock {P} at (4,516) size 746x21
RenderText {#text} at (0,0) size 313x21
text run at (0,0) width 313: "This paragraph should have no border at all."
-layer at (0,0) size 800x1058
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1058
- RenderBlock {HTML} at (0,0) size 800x1058
- RenderBody {BODY} at (8,8) size 784x1042 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x1058
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1058
+ RenderBlock {HTML} at (0,0) size 784x1058
+ RenderBody {BODY} at (8,8) size 768x1042 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x68
+ RenderBlock {PRE} at (0,37) size 768x68
RenderText {#text} at (0,0) size 227x68
text run at (0,0) width 216: ".one {border-top: purple double 10px;}"
text run at (216,0) width 0: " "
text run at (227,34) width 0: " "
text run at (0,51) width 187: "TD {border-top: green 2px solid;}"
text run at (187,51) width 0: " "
- RenderBlock {HR} at (0,118) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,136) size 784x42
+ RenderBlock {HR} at (0,118) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,136) size 768x42
RenderText {#text} at (0,0) size 743x42
text run at (0,0) width 712: "Note that all table cells on this page should have a two-pixel solid green border along their top sides. "
text run at (712,0) width 31: "This"
text run at (0,21) width 455: "border applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,194) size 784x31 [border: (10px double #800080) none]
+ RenderBlock {P} at (0,194) size 768x31 [border: (10px double #800080) none]
RenderText {#text} at (0,10) size 463x21
text run at (0,10) width 463: "This paragraph should have a purple, double, 10-pixel top border."
- RenderBlock {P} at (0,241) size 784x22 [border: (1px solid #800080) none]
+ RenderBlock {P} at (0,241) size 768x22 [border: (1px solid #800080) none]
RenderText {#text} at (0,1) size 371x21
text run at (0,1) width 371: "This paragraph should have a thin purple top border."
- RenderTable {TABLE} at (0,279) size 784x122 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x120
- RenderTableRow {TR} at (0,5) size 782x47
- RenderTableCell {TD} at (5,5) size 772x47 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,279) size 768x122 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x120
+ RenderTableRow {TR} at (0,5) size 766x47
+ RenderTableCell {TD} at (5,5) size 756x47 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderText {#text} at (2,3) size 724x42
text run at (2,3) width 478: "Every cell in this table should have a 2-pixel solid green top border. "
text run at (480,3) width 246: "This is also true of the table-testing"
text run at (2,24) width 296: "section in the second half of the test page."
- RenderTableRow {TR} at (0,57) size 782x58
- RenderTableCell {TD} at (5,73) size 196x26 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,57) size 766x58
+ RenderTableCell {TD} at (5,73) size 192x26 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (2,3) size 60x21
text run at (2,3) width 60: "Cell one"
- RenderTableCell {TD} at (206,57) size 571x58 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,3) size 567x21
+ RenderTableCell {TD} at (202,57) size 559x58 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,3) size 555x21
RenderText {#text} at (0,0) size 58x21
text run at (0,0) width 58: "Cell two"
RenderTable {TABLE} at (2,24) size 181x32 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 175x26 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,3) size 171x21
text run at (2,3) width 171: "Nested single-cell table!"
- RenderBlock {UL} at (0,417) size 784x135
- RenderListItem {LI} at (40,0) size 744x87 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,3) size 744x21
+ RenderBlock {UL} at (0,417) size 768x135
+ RenderListItem {LI} at (40,0) size 728x87 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,3) size 728x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 130x21
text run at (0,0) width 130: "This is a list item..."
- RenderBlock {UL} at (0,24) size 744x63
- RenderListItem {LI} at (40,0) size 704x21
+ RenderBlock {UL} at (0,24) size 728x63
+ RenderListItem {LI} at (40,0) size 688x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 80x21
text run at (0,0) width 80: "...and this..."
- RenderListItem {LI} at (40,21) size 704x21
+ RenderListItem {LI} at (40,21) size 688x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 129x21
text run at (0,0) width 129: "...is a second list..."
- RenderListItem {LI} at (40,42) size 704x21
+ RenderListItem {LI} at (40,42) size 688x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 194x21
text run at (0,0) width 194: "...nested within the list item."
- RenderListItem {LI} at (40,87) size 744x24 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,87) size 728x24 [border: (3px solid #000000) none]
RenderListMarker at (-18,3) size 7x21: bullet
RenderText {#text} at (0,3) size 178x21
text run at (0,3) width 178: "This is a second list item."
- RenderListItem {LI} at (40,111) size 744x24 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,111) size 728x24 [border: (3px solid #000000) none]
RenderListMarker at (-18,3) size 7x21: bullet
RenderText {#text} at (0,3) size 532x21
text run at (0,3) width 532: "Each list item in this list should have a medium-width black border at its top."
- RenderTable {TABLE} at (0,568) size 784x474 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x472
- RenderTableRow {TR} at (0,0) size 782x31
- RenderTableCell {TD} at (0,0) size 782x31 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,568) size 768x474 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x472
+ RenderTableRow {TR} at (0,0) size 766x31
+ RenderTableCell {TD} at (0,0) size 766x31 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 178x21
RenderText {#text} at (4,5) size 178x21
text run at (4,5) width 178: "TABLE Testing Section"
- RenderTableRow {TR} at (0,31) size 782x441
+ RenderTableRow {TR} at (0,31) size 766x441
RenderTableCell {TD} at (0,236) size 12x30 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,5) size 4x21
text run at (4,5) width 4: " "
- RenderTableCell {TD} at (12,31) size 770x441 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,5) size 762x42
+ RenderTableCell {TD} at (12,31) size 754x441 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,5) size 746x42
RenderText {#text} at (0,0) size 743x42
text run at (0,0) width 712: "Note that all table cells on this page should have a two-pixel solid green border along their top sides. "
text run at (712,0) width 31: "This"
text run at (0,21) width 455: "border applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (4,63) size 762x31 [border: (10px double #800080) none]
+ RenderBlock {P} at (4,63) size 746x31 [border: (10px double #800080) none]
RenderText {#text} at (0,10) size 463x21
text run at (0,10) width 463: "This paragraph should have a purple, double, 10-pixel top border."
- RenderBlock {P} at (4,110) size 762x22 [border: (1px solid #800080) none]
+ RenderBlock {P} at (4,110) size 746x22 [border: (1px solid #800080) none]
RenderText {#text} at (0,1) size 371x21
text run at (0,1) width 371: "This paragraph should have a thin purple top border."
- RenderTable {TABLE} at (4,148) size 762x122 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 760x120
- RenderTableRow {TR} at (0,5) size 760x47
- RenderTableCell {TD} at (5,5) size 750x47 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (4,148) size 746x122 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 744x120
+ RenderTableRow {TR} at (0,5) size 744x47
+ RenderTableCell {TD} at (5,5) size 734x47 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderText {#text} at (2,3) size 724x42
text run at (2,3) width 478: "Every cell in this table should have a 2-pixel solid green top border. "
text run at (480,3) width 246: "This is also true of the table-testing"
text run at (2,24) width 296: "section in the second half of the test page."
- RenderTableRow {TR} at (0,57) size 760x58
- RenderTableCell {TD} at (5,73) size 190x26 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,57) size 744x58
+ RenderTableCell {TD} at (5,73) size 186x26 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (2,3) size 60x21
text run at (2,3) width 60: "Cell one"
- RenderTableCell {TD} at (200,57) size 555x58 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,3) size 551x21
+ RenderTableCell {TD} at (196,57) size 543x58 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,3) size 539x21
RenderText {#text} at (0,0) size 58x21
text run at (0,0) width 58: "Cell two"
RenderTable {TABLE} at (2,24) size 181x32 [border: (1px outset #808080)]
RenderTableCell {TD} at (2,2) size 175x26 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {#text} at (2,3) size 171x21
text run at (2,3) width 171: "Nested single-cell table!"
- RenderBlock {UL} at (4,286) size 762x135
- RenderListItem {LI} at (40,0) size 722x87 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,3) size 722x21
+ RenderBlock {UL} at (4,286) size 746x135
+ RenderListItem {LI} at (40,0) size 706x87 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,3) size 706x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 130x21
text run at (0,0) width 130: "This is a list item..."
- RenderBlock {UL} at (0,24) size 722x63
- RenderListItem {LI} at (40,0) size 682x21
+ RenderBlock {UL} at (0,24) size 706x63
+ RenderListItem {LI} at (40,0) size 666x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 80x21
text run at (0,0) width 80: "...and this..."
- RenderListItem {LI} at (40,21) size 682x21
+ RenderListItem {LI} at (40,21) size 666x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 129x21
text run at (0,0) width 129: "...is a second list..."
- RenderListItem {LI} at (40,42) size 682x21
+ RenderListItem {LI} at (40,42) size 666x21
RenderListMarker at (-18,0) size 7x21: white bullet
RenderText {#text} at (0,0) size 194x21
text run at (0,0) width 194: "...nested within the list item."
- RenderListItem {LI} at (40,87) size 722x24 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,87) size 706x24 [border: (3px solid #000000) none]
RenderListMarker at (-18,3) size 7x21: bullet
RenderText {#text} at (0,3) size 178x21
text run at (0,3) width 178: "This is a second list item."
- RenderListItem {LI} at (40,111) size 722x24 [border: (3px solid #000000) none]
+ RenderListItem {LI} at (40,111) size 706x24 [border: (3px solid #000000) none]
RenderListMarker at (-18,3) size 7x21: bullet
RenderText {#text} at (0,3) size 532x21
text run at (0,3) width 532: "Each list item in this list should have a medium-width black border at its top."
-layer at (0,0) size 800x820
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x820
- RenderBlock {HTML} at (0,0) size 800x820
- RenderBody {BODY} at (8,8) size 784x804 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x820
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x820
+ RenderBlock {HTML} at (0,0) size 784x820
+ RenderBody {BODY} at (8,8) size 768x804 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x102
+ RenderBlock {PRE} at (0,37) size 768x102
RenderText {#text} at (0,0) size 306x102
text run at (0,0) width 298: ".zero {background-color: silver; border-top-width: 0;}"
text run at (298,0) width 0: " "
text run at (274,68) width 0: " "
text run at (0,85) width 169: ".five {border-top-width: 25px;}"
text run at (169,85) width 0: " "
- RenderBlock {HR} at (0,152) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,170) size 784x21
+ RenderBlock {HR} at (0,152) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,170) size 768x21
RenderText {#text} at (0,0) size 166x21
text run at (0,0) width 166: "(These will only work if "
RenderInline {CODE} at (0,0) size 68x17
text run at (166,3) width 68: "border-style"
RenderText {#text} at (234,0) size 100x21
text run at (234,0) width 100: " is supported.)"
- RenderBlock {P} at (0,207) size 784x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,207) size 768x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (0,244) size 784x49 [border: (25px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,244) size 768x49 [border: (25px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,25) size 419x21
text run at (3,25) width 419: "This paragraph should have a top border width of 25 pixels."
- RenderBlock {P} at (0,309) size 784x29 [border: (5px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,309) size 768x29 [border: (5px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,5) size 371x21
text run at (3,5) width 371: "This paragraph should have a thick top border width."
- RenderBlock {P} at (0,354) size 784x27 [border: (3px solid #000000)]
+ RenderBlock {P} at (0,354) size 768x27 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 395x21
text run at (3,3) width 395: "This paragraph should have a medium top border width."
- RenderBlock {P} at (0,397) size 784x25 [border: (1px solid #000000) (3px solid #000000)]
+ RenderBlock {P} at (0,397) size 768x25 [border: (1px solid #000000) (3px solid #000000)]
RenderText {#text} at (3,1) size 364x21
text run at (3,1) width 364: "This paragraph should have a thin top border width."
- RenderBlock {P} at (0,438) size 784x21
+ RenderBlock {P} at (0,438) size 768x21
RenderText {#text} at (0,0) size 590x21
text run at (0,0) width 590: "This paragraph should have no border and no extra \"padding\" on its top side, as no "
RenderInline {CODE} at (0,0) size 68x17
-layer at (0,0) size 800x964
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x964
- RenderBlock {HTML} at (0,0) size 800x964
- RenderBody {BODY} at (8,8) size 784x948 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x964
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x964
+ RenderBlock {HTML} at (0,0) size 784x964
+ RenderBody {BODY} at (8,8) size 768x948 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x102
+ RenderBlock {PRE} at (0,37) size 768x102
RenderText {#text} at (0,0) size 284x102
text run at (0,0) width 276: ".zero {background-color: silver; border-width: 0;}"
text run at (276,0) width 0: " "
text run at (252,68) width 0: " "
text run at (0,85) width 147: ".five {border-width: 25px;}"
text run at (147,85) width 0: " "
- RenderBlock {HR} at (0,152) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,170) size 784x21
+ RenderBlock {HR} at (0,152) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,170) size 768x21
RenderText {#text} at (0,0) size 166x21
text run at (0,0) width 166: "(These will only work if "
RenderInline {CODE} at (0,0) size 68x17
text run at (166,3) width 68: "border-style"
RenderText {#text} at (234,0) size 100x21
text run at (234,0) width 100: " is supported.)"
- RenderBlock {P} at (0,207) size 784x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,207) size 768x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (0,244) size 784x121 [border: (50px solid #000000)]
+ RenderBlock {P} at (0,244) size 768x121 [border: (50px solid #000000)]
RenderText {#text} at (50,50) size 438x21
text run at (50,50) width 438: "This element should have an overall border width of 50 pixels."
- RenderBlock {P} at (0,381) size 784x31 [border: (5px solid #000000)]
+ RenderBlock {P} at (0,381) size 768x31 [border: (5px solid #000000)]
RenderText {#text} at (5,5) size 381x21
text run at (5,5) width 381: "This element should have a thick overall border width."
- RenderBlock {P} at (0,428) size 784x27 [border: (3px solid #000000)]
+ RenderBlock {P} at (0,428) size 768x27 [border: (3px solid #000000)]
RenderText {#text} at (3,3) size 405x21
text run at (3,3) width 405: "This element should have a medium overall border width."
- RenderBlock {P} at (0,471) size 784x23 [border: (1px solid #000000)]
+ RenderBlock {P} at (0,471) size 768x23 [border: (1px solid #000000)]
RenderText {#text} at (1,1) size 374x21
text run at (1,1) width 374: "This element should have a thin overall border width."
- RenderBlock {P} at (0,510) size 784x21
+ RenderBlock {P} at (0,510) size 768x21
RenderText {#text} at (0,0) size 558x21
text run at (0,0) width 558: "This element should have no border and no extra \"padding\" on any side, as no "
RenderInline {CODE} at (0,0) size 68x17
-layer at (0,0) size 800x1030
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1030
- RenderBlock {HTML} at (0,0) size 800x1030
- RenderBody {BODY} at (8,8) size 784x1014 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x1030
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1030
+ RenderBlock {HTML} at (0,0) size 784x1030
+ RenderBody {BODY} at (8,8) size 768x1014 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x68
+ RenderBlock {PRE} at (0,37) size 768x68
RenderText {#text} at (0,0) size 110x68
text run at (0,0) width 95: ".one {clear: left;}"
text run at (95,0) width 0: " "
text run at (110,34) width 0: " "
text run at (0,51) width 106: ".four {clear: none;}"
text run at (106,51) width 0: " "
- RenderBlock {HR} at (0,118) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {HR} at (0,118) size 768x2 [border: (1px inset #000000)]
RenderImage {IMG} at (0,128) size 15x50
- RenderBlock {P} at (0,136) size 784x21
+ RenderBlock {P} at (0,136) size 768x21
RenderText {#text} at (18,0) size 659x21
text run at (18,0) width 659: "This text should be flowing past a tall orange rectangle on the left side of the browser window."
- RenderBlock (anonymous) at (0,173) size 784x21
+ RenderBlock (anonymous) at (0,173) size 768x21
RenderBR {BR} at (18,0) size 0x21
RenderImage {IMG} at (0,21) size 15x50
- RenderBlock {P} at (0,244) size 784x21
+ RenderBlock {P} at (0,244) size 768x21
RenderText {#text} at (0,0) size 727x21
text run at (0,0) width 727: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it."
- RenderBlock (anonymous) at (0,281) size 784x21
+ RenderBlock (anonymous) at (0,281) size 768x21
RenderBR {BR} at (0,0) size 0x21
- RenderImage {IMG} at (769,21) size 15x50
- RenderBlock {P} at (0,352) size 784x21
+ RenderImage {IMG} at (753,21) size 15x50
+ RenderBlock {P} at (0,352) size 768x21
RenderText {#text} at (0,0) size 737x21
text run at (0,0) width 737: "This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it."
- RenderBlock (anonymous) at (0,389) size 784x21
+ RenderBlock (anonymous) at (0,389) size 768x21
RenderBR {BR} at (0,0) size 0x21
RenderImage {IMG} at (0,21) size 15x50
- RenderImage {IMG} at (769,21) size 15x50
- RenderBlock {P} at (0,460) size 784x21
+ RenderImage {IMG} at (753,21) size 15x50
+ RenderBlock {P} at (0,460) size 768x21
RenderText {#text} at (0,0) size 675x21
text run at (0,0) width 675: "This paragraph should appear below the two tall orange rectangles, and not flow between them."
RenderImage {IMG} at (0,497) size 15x50
- RenderImage {IMG} at (769,497) size 15x50
- RenderBlock {P} at (0,497) size 784x21
+ RenderImage {IMG} at (753,497) size 15x50
+ RenderBlock {P} at (0,497) size 768x21
RenderText {#text} at (18,0) size 443x21
text run at (18,0) width 443: "This paragraph should be between both tall orange rectangles."
- RenderBlock (anonymous) at (0,534) size 784x21
+ RenderBlock (anonymous) at (0,534) size 768x21
RenderBR {BR} at (18,0) size 0x21
RenderTable {TABLE} at (0,555) size 759x459 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 757x457
-layer at (0,0) size 800x928
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x928
- RenderBlock {HTML} at (0,0) size 800x928
- RenderBody {BODY} at (8,8) size 784x912 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x991
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x991
+ RenderBlock {HTML} at (0,0) size 784x991
+ RenderBody {BODY} at (8,8) size 768x975 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x153
+ RenderBlock {PRE} at (0,34) size 768x153
RenderText {#text} at (0,0) size 442x153
text run at (0,0) width 259: "P { margin: 0; padding: 0; text-align: justify;}"
text run at (259,0) width 0: " "
text run at (0,119) width 318: " color: black; background: yellow; clear: none;}"
text run at (318,119) width 0: " "
text run at (0,136) width 0: " "
- RenderBlock {HR} at (0,200) size 784x2 [border: (1px inset #000000)]
+ RenderBlock {HR} at (0,200) size 768x2 [border: (1px inset #000000)]
RenderBlock (floating) {DIV} at (0,210) size 192x131 [color=#FFFFFF] [bgcolor=#008000]
RenderBlock {H1} at (8,8) size 176x25
RenderText {#text} at (0,0) size 93x25
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 97x21
text run at (0,0) width 97: "0.5em margin"
- RenderBlock {DIV} at (224,210) size 528x268 [bgcolor=#FFFF00]
- RenderBlock {H1} at (8,29) size 512x42
+ RenderBlock {DIV} at (224,210) size 512x268 [bgcolor=#FFFF00]
+ RenderBlock {H1} at (8,29) size 496x42
RenderText {#text} at (0,0) size 298x42
text run at (0,0) width 298: "The 'clear' property"
- RenderBlock {P} at (8,92) size 512x126
- RenderText {#text} at (0,0) size 512x126
- text run at (0,0) width 512: "This page has two floating \"menus\" on the side; one has a green"
- text run at (0,21) width 347: "background, and the other a blue background. "
- text run at (347,21) width 165: "Due to settings on the"
- text run at (0,42) width 512: "'float' and 'clear' properties, the two menus should appear on the left side"
- text run at (0,63) width 512: "of the page, the blue below the green. There should be a 10px gap"
- text run at (0,84) width 512: "between the two menus. There should also be a 10px gap between the"
- text run at (0,105) width 236: "top menu and the top of the page."
- RenderBlock {P} at (8,218) size 512x42
- RenderText {#text} at (0,0) size 512x42
- text run at (0,0) width 512: "The top of the yellow rectangle (to which this paragraph belongs) should"
- text run at (0,21) width 389: "be vertically aligned with the top of the green rectangle."
- RenderTable {TABLE} at (192,478) size 592x434 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 590x432
- RenderTableRow {TR} at (0,0) size 590x30
- RenderTableCell {TD} at (0,0) size 590x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderBlock {P} at (8,92) size 496x126
+ RenderText {#text} at (0,0) size 496x126
+ text run at (0,0) width 496: "This page has two floating \"menus\" on the side; one has a green"
+ text run at (0,21) width 337: "background, and the other a blue background. "
+ text run at (337,21) width 159: "Due to settings on the"
+ text run at (0,42) width 496: "'float' and 'clear' properties, the two menus should appear on the left"
+ text run at (0,63) width 496: "side of the page, the blue below the green. There should be a 10px"
+ text run at (0,84) width 496: "gap between the two menus. There should also be a 10px gap"
+ text run at (0,105) width 327: "between the top menu and the top of the page."
+ RenderBlock {P} at (8,218) size 496x42
+ RenderText {#text} at (0,0) size 496x42
+ text run at (0,0) width 496: "The top of the yellow rectangle (to which this paragraph belongs)"
+ text run at (0,21) width 441: "should be vertically aligned with the top of the green rectangle."
+ RenderTable {TABLE} at (192,478) size 576x497 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 574x495
+ RenderTableRow {TR} at (0,0) size 574x30
+ RenderTableCell {TD} at (0,0) size 574x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 178x21
RenderText {#text} at (4,4) size 178x21
text run at (4,4) width 178: "TABLE Testing Section"
- RenderTableRow {TR} at (0,30) size 590x402
- RenderTableCell {TD} at (0,216) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,30) size 574x465
+ RenderTableCell {TD} at (0,248) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x21
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,30) size 578x402 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,30) size 562x465 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock (floating) {DIV} at (4,4) size 192x131 [color=#FFFFFF] [bgcolor=#008000]
RenderBlock {H1} at (8,8) size 176x25
RenderText {#text} at (0,0) size 93x25
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 97x21
text run at (0,0) width 97: "0.5em margin"
- RenderBlock {DIV} at (228,4) size 314x394 [bgcolor=#FFFF00]
- RenderBlock {H1} at (8,29) size 298x42
- RenderText {#text} at (0,0) size 298x42
- text run at (0,0) width 298: "The 'clear' property"
- RenderBlock {P} at (8,92) size 298x210
- RenderText {#text} at (0,0) size 298x210
- text run at (0,0) width 298: "This page has two floating \"menus\" on the"
- text run at (0,21) width 298: "side; one has a green background, and"
- text run at (0,42) width 243: "the other a blue background. "
- text run at (243,42) width 55: "Due to"
- text run at (0,63) width 298: "settings on the 'float' and 'clear' properties,"
- text run at (0,84) width 298: "the two menus should appear on the left"
- text run at (0,105) width 298: "side of the page, the blue below the"
- text run at (0,126) width 298: "green. There should be a 10px gap"
- text run at (0,147) width 298: "between the two menus. There should"
- text run at (0,168) width 298: "also be a 10px gap between the top menu"
- text run at (0,189) width 166: "and the top of the page."
- RenderBlock {P} at (8,302) size 298x84
- RenderText {#text} at (0,0) size 298x84
- text run at (0,0) width 298: "The top of the yellow rectangle (to which"
- text run at (0,21) width 298: "this paragraph belongs) should be"
- text run at (0,42) width 298: "vertically aligned with the top of the green"
- text run at (0,63) width 70: "rectangle."
+ RenderBlock {DIV} at (228,4) size 298x457 [bgcolor=#FFFF00]
+ RenderBlock {H1} at (8,29) size 282x84
+ RenderText {#text} at (0,0) size 158x84
+ text run at (0,0) width 158: "The 'clear'"
+ text run at (0,42) width 131: "property"
+ RenderBlock {P} at (8,134) size 282x231
+ RenderText {#text} at (0,0) size 282x231
+ text run at (0,0) width 282: "This page has two floating \"menus\" on"
+ text run at (0,21) width 282: "the side; one has a green background,"
+ text run at (0,42) width 252: "and the other a blue background. "
+ text run at (252,42) width 30: "Due"
+ text run at (0,63) width 282: "to settings on the 'float' and 'clear'"
+ text run at (0,84) width 282: "properties, the two menus should"
+ text run at (0,105) width 282: "appear on the left side of the page, the"
+ text run at (0,126) width 282: "blue below the green. There should be"
+ text run at (0,147) width 282: "a 10px gap between the two menus."
+ text run at (0,168) width 282: "There should also be a 10px gap"
+ text run at (0,189) width 282: "between the top menu and the top of"
+ text run at (0,210) width 66: "the page."
+ RenderBlock {P} at (8,365) size 282x84
+ RenderText {#text} at (0,0) size 282x84
+ text run at (0,0) width 282: "The top of the yellow rectangle (to"
+ text run at (0,21) width 282: "which this paragraph belongs) should"
+ text run at (0,42) width 282: "be vertically aligned with the top of the"
+ text run at (0,63) width 115: "green rectangle."
-layer at (0,0) size 800x779
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x779
- RenderBlock {HTML} at (0,0) size 800x779
- RenderBody {BODY} at (8,8) size 784x751 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x800
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x800
+ RenderBlock {HTML} at (0,0) size 784x800
+ RenderBody {BODY} at (8,8) size 768x772 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x221
+ RenderBlock {PRE} at (0,34) size 768x221
RenderText {#text} at (0,0) size 362x221
text run at (0,0) width 259: "P { margin: 0; padding: 0; text-align: justify;}"
text run at (259,0) width 0: " "
text run at (0,187) width 158: "TABLE {margin: 20px 0px;}"
text run at (158,187) width 0: " "
text run at (0,204) width 0: " "
- RenderBlock {HR} at (0,268) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,278) size 784x42
- RenderText {#text} at (0,0) size 784x42
- text run at (0,0) width 784: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of"
- text run at (0,21) width 517: "this page indicates how the DIV elements should be laid out horizontally. "
- text run at (517,21) width 243: "They should align with each other."
- RenderBlock (floating) {DIV} at (0,330) size 140x102 [bgcolor=#FFFF00] [border: (20px solid #000000)]
+ RenderBlock {HR} at (0,268) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,278) size 768x63
+ RenderText {#text} at (0,0) size 768x63
+ text run at (0,0) width 768: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom"
+ text run at (0,21) width 560: "of this page indicates how the DIV elements should be laid out horizontally. "
+ text run at (560,21) width 208: "They should align with each"
+ text run at (0,42) width 40: "other."
+ RenderBlock (floating) {DIV} at (0,351) size 140x102 [bgcolor=#FFFF00] [border: (20px solid #000000)]
RenderBlock {P} at (40,40) size 60x22
RenderText {#text} at (0,0) size 47x22
text run at (0,0) width 47: "Yellow"
- RenderBlock (floating) {DIV} at (160,330) size 140x102 [color=#FFFFFF] [bgcolor=#0000FF] [border: (20px solid #000000)]
+ RenderBlock (floating) {DIV} at (160,351) size 140x102 [color=#FFFFFF] [bgcolor=#0000FF] [border: (20px solid #000000)]
RenderBlock {P} at (40,40) size 60x22
RenderText {#text} at (0,0) size 31x22
text run at (0,0) width 31: "Blue"
- RenderBlock (floating) {DIV} at (320,330) size 140x102 [bgcolor=#FF0000] [border: (20px solid #000000)]
+ RenderBlock (floating) {DIV} at (320,351) size 140x102 [bgcolor=#FF0000] [border: (20px solid #000000)]
RenderBlock {P} at (40,40) size 60x22
RenderText {#text} at (0,0) size 28x22
text run at (0,0) width 28: "Red"
- RenderBlock (floating) {DIV} at (480,330) size 140x102 [color=#FFFFFF] [bgcolor=#008000] [border: (20px solid #000000)]
+ RenderBlock (floating) {DIV} at (480,351) size 140x102 [color=#FFFFFF] [bgcolor=#008000] [border: (20px solid #000000)]
RenderBlock {P} at (40,40) size 60x22
RenderText {#text} at (0,0) size 42x22
text run at (0,0) width 42: "Green"
- RenderBlock {DIV} at (0,442) size 784x22
+ RenderBlock {DIV} at (0,463) size 768x22
RenderTable {TABLE} at (0,0) size 620x22
RenderTableSection {TBODY} at (0,0) size 620x22
RenderTableRow {TR} at (0,0) size 620x22
RenderImage {IMG} at (0,0) size 100x1
RenderTableCell {TD} at (600,10) size 20x1 [bgcolor=#000000] [r=0 c=14 rs=1 cs=1]
RenderImage {IMG} at (0,0) size 20x1
- RenderTable {TABLE} at (0,484) size 784x267 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x265
- RenderTableRow {TR} at (0,0) size 782x30
- RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,505) size 768x267 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x265
+ RenderTableRow {TR} at (0,0) size 766x30
+ RenderTableCell {TD} at (0,0) size 766x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 178x21
RenderText {#text} at (4,4) size 178x21
text run at (4,4) width 178: "TABLE Testing Section"
- RenderTableRow {TR} at (0,30) size 782x235
+ RenderTableRow {TR} at (0,30) size 766x235
RenderTableCell {TD} at (0,133) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x21
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,30) size 770x235 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x63
- RenderText {#text} at (0,0) size 762x63
- text run at (0,0) width 762: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom"
- text run at (0,21) width 556: "of this page indicates how the DIV elements should be laid out horizontally. "
- text run at (556,21) width 206: "They should align with each"
- text run at (0,42) width 40: "other."
+ RenderTableCell {TD} at (12,30) size 754x235 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 746x63
+ RenderText {#text} at (0,0) size 746x63
+ text run at (0,0) width 746: "The four floating DIV elements below should appear next to each other horizontally. The table at the"
+ text run at (0,21) width 586: "bottom of this page indicates how the DIV elements should be laid out horizontally. "
+ text run at (586,21) width 160: "They should align with"
+ text run at (0,42) width 79: "each other."
RenderBlock (floating) {DIV} at (4,77) size 140x102 [bgcolor=#FFFF00] [border: (20px solid #000000)]
RenderBlock {P} at (40,40) size 60x22
RenderText {#text} at (0,0) size 47x22
RenderBlock {P} at (40,40) size 60x22
RenderText {#text} at (0,0) size 42x22
text run at (0,0) width 42: "Green"
- RenderBlock {DIV} at (4,189) size 762x22
+ RenderBlock {DIV} at (4,189) size 746x22
RenderTable {TABLE} at (0,0) size 620x22
RenderTableSection {TBODY} at (0,0) size 620x22
RenderTableRow {TR} at (0,0) size 620x22
-layer at (0,0) size 800x2269
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x2269
- RenderBlock {HTML} at (0,0) size 800x2269
- RenderBody {BODY} at (8,8) size 784x2253 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x2269
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x2269
+ RenderBlock {HTML} at (0,0) size 784x2269
+ RenderBody {BODY} at (8,8) size 768x2253 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x153
+ RenderBlock {PRE} at (0,37) size 768x153
RenderText {#text} at (0,0) size 376x153
text run at (0,0) width 246: "P.test {background: white; font-size: 20px;"
text run at (246,0) width 0: " "
text run at (0,119) width 290: "#img5 {margin-right: -30px; margin-bottom: -30px;}"
text run at (290,119) width 0: " "
text run at (0,136) width 0: " "
- RenderBlock {HR} at (0,203) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (30,225) size 744x104 [bgcolor=#FFFFFF]
- RenderText {#text} at (0,0) size 732x104
- text run at (0,0) width 732: "This paragraph should have a white background which extends to the edges of the"
- text run at (0,26) width 135: "element's box. "
- text run at (135,26) width 491: "There is no padding set on this paragraph whatsoever. "
- text run at (626,26) width 46: "If the"
+ RenderBlock {HR} at (0,203) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (30,225) size 728x104 [bgcolor=#FFFFFF]
+ RenderText {#text} at (0,0) size 706x104
+ text run at (0,0) width 698: "This paragraph should have a white background which extends to the edges of"
+ text run at (0,26) width 169: "the element's box. "
+ text run at (169,26) width 491: "There is no padding set on this paragraph whatsoever. "
+ text run at (660,26) width 46: "If the"
text run at (0,52) width 670: "background of the entire box is not white, this may cause problems with the"
text run at (0,78) width 508: "following tests; at any rate, it must be taken into account."
- RenderBlock {P} at (30,349) size 744x130 [bgcolor=#FFFFFF]
+ RenderBlock {P} at (30,349) size 728x130 [bgcolor=#FFFFFF]
RenderImage {IMG} at (0,0) size 60x60
- RenderText {#text} at (60,0) size 744x130
+ RenderText {#text} at (60,0) size 722x130
text run at (60,0) width 656: "The image in the upper left corner of this paragraph should be floated left,"
text run at (60,26) width 168: "and nothing more. "
- text run at (228,26) width 516: "The edges of the white background should line up with the"
- text run at (60,52) width 289: "top and left edges of the image. "
- text run at (349,52) width 316: "This paragraph should have a white"
+ text run at (228,26) width 482: "The edges of the white background should line up with"
+ text run at (60,52) width 323: "the top and left edges of the image. "
+ text run at (383,52) width 316: "This paragraph should have a white"
text run at (0,78) width 650: "background, first of all, which extends to the edges of the element's box. "
text run at (650,78) width 72: "There is"
text run at (0,104) width 407: "no padding set on this paragraph whatsoever."
- RenderBlock {P} at (30,499) size 744x156 [bgcolor=#FFFFFF]
+ RenderBlock {P} at (30,499) size 728x156 [bgcolor=#FFFFFF]
RenderImage {IMG} at (30,30) size 60x60
RenderText {#text} at (90,0) size 727x156
text run at (90,0) width 622: "The image in the upper left corner of this paragraph should be pushed"
text run at (0,104) width 286: "the edges of the element's box. "
text run at (286,104) width 371: "There is no padding set on this paragraph"
text run at (0,130) width 108: "whatsoever."
- RenderBlock {P} at (30,675) size 744x156 [bgcolor=#FFFFFF]
+ RenderBlock {P} at (30,675) size 728x156 [bgcolor=#FFFFFF]
RenderImage {IMG} at (-30,-30) size 60x60
- RenderText {#text} at (30,0) size 742x156
- text run at (30,0) width 712: "The image in the upper left corner of this paragraph should be pushed up and to"
- text run at (30,26) width 684: "the left 30 pixels each from the upper left corner of the paragraph's box, thus"
- text run at (0,52) width 719: "causing the edges of the white background to align with the thick gray lines in the"
- text run at (0,78) width 66: "image. "
- text run at (66,78) width 657: "This paragraph should have a white background, first of all, which extends"
- text run at (0,104) width 309: "to the edges of the element's box. "
- text run at (309,104) width 371: "There is no padding set on this paragraph"
- text run at (0,130) width 108: "whatsoever."
- RenderBlock {P} at (30,851) size 744x182 [bgcolor=#FFFFFF]
+ RenderText {#text} at (30,0) size 719x156
+ text run at (30,0) width 689: "The image in the upper left corner of this paragraph should be pushed up and"
+ text run at (30,26) width 663: "to the left 30 pixels each from the upper left corner of the paragraph's box,"
+ text run at (0,52) width 708: "thus causing the edges of the white background to align with the thick gray lines"
+ text run at (0,78) width 121: "in the image. "
+ text run at (121,78) width 581: "This paragraph should have a white background, first of all, which"
+ text run at (0,104) width 385: "extends to the edges of the element's box. "
+ text run at (385,104) width 274: "There is no padding set on this"
+ text run at (0,130) width 205: "paragraph whatsoever."
+ RenderBlock {P} at (30,851) size 728x182 [bgcolor=#FFFFFF]
RenderImage {IMG} at (0,0) size 60x60
- RenderText {#text} at (90,0) size 739x182
+ RenderText {#text} at (90,0) size 720x182
text run at (90,0) width 617: "The image in the upper left corner of this paragraph should be floated"
text run at (90,26) width 622: "left, and the edges of the white background should line up with the top"
text run at (90,52) width 255: "and left edges of the image. "
- text run at (345,52) width 394: "However, there should be 30 pixels of space"
- text run at (90,78) width 647: "between the right and bottom edges of the image and the paragraph text"
- text run at (0,104) width 90: "around it. "
- text run at (90,104) width 581: "This paragraph should have a white background, first of all, which"
- text run at (0,130) width 385: "extends to the edges of the element's box. "
- text run at (385,130) width 274: "There is no padding set on this"
- text run at (0,156) width 205: "paragraph whatsoever."
- RenderBlock {P} at (30,1053) size 744x156 [bgcolor=#FFFFFF]
+ text run at (345,52) width 335: "However, there should be 30 pixels of"
+ text run at (90,78) width 570: "space between the right and bottom edges of the image and the"
+ text run at (0,104) width 226: "paragraph text around it. "
+ text run at (226,104) width 494: "This paragraph should have a white background, first of"
+ text run at (0,130) width 472: "all, which extends to the edges of the element's box. "
+ text run at (472,130) width 237: "There is no padding set on"
+ text run at (0,156) width 242: "this paragraph whatsoever."
+ RenderBlock {P} at (30,1053) size 728x156 [bgcolor=#FFFFFF]
RenderImage {IMG} at (0,0) size 60x60
- RenderText {#text} at (30,0) size 729x156
+ RenderText {#text} at (30,0) size 725x156
text run at (30,0) width 695: "The image in the upper left corner of this paragraph should be floated left, and"
- text run at (30,26) width 699: "the edges of the white background should line up with the top and left edges of"
- text run at (0,52) width 100: "the image. "
- text run at (100,52) width 610: "However, the text should overlap the image's right and bottom sides,"
- text run at (0,78) width 413: "lining up with the thick gray lines in the image. "
- text run at (413,78) width 316: "This paragraph should have a white"
- text run at (0,104) width 650: "background, first of all, which extends to the edges of the element's box. "
- text run at (650,104) width 72: "There is"
- text run at (0,130) width 407: "no padding set on this paragraph whatsoever."
- RenderTable {TABLE} at (0,1229) size 784x1024 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x1022
- RenderTableRow {TR} at (0,0) size 782x30
- RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ text run at (30,26) width 676: "the edges of the white background should line up with the top and left edges"
+ text run at (0,52) width 123: "of the image. "
+ text run at (123,52) width 552: "However, the text should overlap the image's right and bottom"
+ text run at (0,78) width 471: "sides, lining up with the thick gray lines in the image. "
+ text run at (471,78) width 247: "This paragraph should have"
+ text run at (0,104) width 713: "a white background, first of all, which extends to the edges of the element's box."
+ text run at (0,130) width 485: "There is no padding set on this paragraph whatsoever."
+ RenderTable {TABLE} at (0,1229) size 768x1024 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x1022
+ RenderTableRow {TR} at (0,0) size 766x30
+ RenderTableCell {TD} at (0,0) size 766x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 178x21
RenderText {#text} at (4,4) size 178x21
text run at (4,4) width 178: "TABLE Testing Section"
- RenderTableRow {TR} at (0,30) size 782x992
+ RenderTableRow {TR} at (0,30) size 766x992
RenderTableCell {TD} at (0,511) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x21
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,30) size 770x992 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (34,4) size 722x104 [bgcolor=#FFFFFF]
+ RenderTableCell {TD} at (12,30) size 754x992 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (34,4) size 706x104 [bgcolor=#FFFFFF]
RenderText {#text} at (0,0) size 706x104
text run at (0,0) width 698: "This paragraph should have a white background which extends to the edges of"
text run at (0,26) width 169: "the element's box. "
text run at (660,26) width 46: "If the"
text run at (0,52) width 670: "background of the entire box is not white, this may cause problems with the"
text run at (0,78) width 508: "following tests; at any rate, it must be taken into account."
- RenderBlock {P} at (34,128) size 722x130 [bgcolor=#FFFFFF]
+ RenderBlock {P} at (34,128) size 706x130 [bgcolor=#FFFFFF]
RenderImage {IMG} at (0,0) size 60x60
- RenderText {#text} at (60,0) size 722x130
- text run at (60,0) width 656: "The image in the upper left corner of this paragraph should be floated left,"
- text run at (60,26) width 168: "and nothing more. "
- text run at (228,26) width 482: "The edges of the white background should line up with"
- text run at (60,52) width 323: "the top and left edges of the image. "
- text run at (383,52) width 316: "This paragraph should have a white"
- text run at (0,78) width 650: "background, first of all, which extends to the edges of the element's box. "
- text run at (650,78) width 72: "There is"
- text run at (0,104) width 407: "no padding set on this paragraph whatsoever."
- RenderBlock {P} at (34,278) size 722x156 [bgcolor=#FFFFFF]
+ RenderText {#text} at (60,0) size 699x130
+ text run at (60,0) width 617: "The image in the upper left corner of this paragraph should be floated"
+ text run at (60,26) width 207: "left, and nothing more. "
+ text run at (267,26) width 413: "The edges of the white background should line"
+ text run at (60,52) width 392: "up with the top and left edges of the image. "
+ text run at (452,52) width 247: "This paragraph should have"
+ text run at (0,78) width 669: "a white background, first of all, which extends to the edges of the element's"
+ text run at (0,104) width 44: "box. "
+ text run at (44,104) width 485: "There is no padding set on this paragraph whatsoever."
+ RenderBlock {P} at (34,278) size 706x156 [bgcolor=#FFFFFF]
RenderImage {IMG} at (30,30) size 60x60
- RenderText {#text} at (90,0) size 712x156
- text run at (90,0) width 622: "The image in the upper left corner of this paragraph should be pushed"
- text run at (90,26) width 612: "down and to the right 30 pixels each from the upper left corner of the"
- text run at (90,52) width 554: "paragraph's box, and displace the paragraph text accordingly. "
- text run at (644,52) width 37: "This"
- text run at (90,78) width 614: "paragraph should have a white background, first of all, which extends"
- text run at (0,104) width 309: "to the edges of the element's box. "
- text run at (309,104) width 371: "There is no padding set on this paragraph"
- text run at (0,130) width 108: "whatsoever."
- RenderBlock {P} at (34,454) size 722x156 [bgcolor=#FFFFFF]
+ RenderText {#text} at (90,0) size 696x156
+ text run at (90,0) width 551: "The image in the upper left corner of this paragraph should be"
+ text run at (90,26) width 563: "pushed down and to the right 30 pixels each from the upper left"
+ text run at (90,52) width 556: "corner of the paragraph's box, and displace the paragraph text"
+ text run at (90,78) width 112: "accordingly. "
+ text run at (202,78) width 494: "This paragraph should have a white background, first of"
+ text run at (0,104) width 472: "all, which extends to the edges of the element's box. "
+ text run at (472,104) width 209: "There is no padding set"
+ text run at (0,130) width 270: "on this paragraph whatsoever."
+ RenderBlock {P} at (34,454) size 706x156 [bgcolor=#FFFFFF]
RenderImage {IMG} at (-30,-30) size 60x60
- RenderText {#text} at (30,0) size 719x156
- text run at (30,0) width 689: "The image in the upper left corner of this paragraph should be pushed up and"
- text run at (30,26) width 663: "to the left 30 pixels each from the upper left corner of the paragraph's box,"
- text run at (0,52) width 708: "thus causing the edges of the white background to align with the thick gray lines"
- text run at (0,78) width 121: "in the image. "
- text run at (121,78) width 581: "This paragraph should have a white background, first of all, which"
- text run at (0,104) width 385: "extends to the edges of the element's box. "
- text run at (385,104) width 274: "There is no padding set on this"
- text run at (0,130) width 205: "paragraph whatsoever."
- RenderBlock {P} at (34,630) size 722x182 [bgcolor=#FFFFFF]
+ RenderText {#text} at (30,0) size 706x156
+ text run at (30,0) width 650: "The image in the upper left corner of this paragraph should be pushed up"
+ text run at (30,26) width 658: "and to the left 30 pixels each from the upper left corner of the paragraph's"
+ text run at (0,52) width 706: "box, thus causing the edges of the white background to align with the thick gray"
+ text run at (0,78) width 167: "lines in the image. "
+ text run at (167,78) width 525: "This paragraph should have a white background, first of all,"
+ text run at (0,104) width 441: "which extends to the edges of the element's box. "
+ text run at (441,104) width 237: "There is no padding set on"
+ text run at (0,130) width 242: "this paragraph whatsoever."
+ RenderBlock {P} at (34,630) size 706x182 [bgcolor=#FFFFFF]
RenderImage {IMG} at (0,0) size 60x60
- RenderText {#text} at (90,0) size 720x182
- text run at (90,0) width 617: "The image in the upper left corner of this paragraph should be floated"
- text run at (90,26) width 622: "left, and the edges of the white background should line up with the top"
- text run at (90,52) width 255: "and left edges of the image. "
- text run at (345,52) width 335: "However, there should be 30 pixels of"
- text run at (90,78) width 570: "space between the right and bottom edges of the image and the"
- text run at (0,104) width 226: "paragraph text around it. "
- text run at (226,104) width 494: "This paragraph should have a white background, first of"
- text run at (0,130) width 472: "all, which extends to the edges of the element's box. "
- text run at (472,130) width 237: "There is no padding set on"
- text run at (0,156) width 242: "this paragraph whatsoever."
- RenderBlock {P} at (34,832) size 722x156 [bgcolor=#FFFFFF]
+ RenderText {#text} at (90,0) size 702x182
+ text run at (90,0) width 551: "The image in the upper left corner of this paragraph should be"
+ text run at (90,26) width 579: "floated left, and the edges of the white background should line up"
+ text run at (90,52) width 364: "with the top and left edges of the image. "
+ text run at (454,52) width 228: "However, there should be"
+ text run at (90,78) width 604: "30 pixels of space between the right and bottom edges of the image"
+ text run at (0,104) width 299: "and the paragraph text around it. "
+ text run at (299,104) width 316: "This paragraph should have a white"
+ text run at (0,130) width 650: "background, first of all, which extends to the edges of the element's box. "
+ text run at (650,130) width 52: "There"
+ text run at (0,156) width 427: "is no padding set on this paragraph whatsoever."
+ RenderBlock {P} at (34,832) size 706x156 [bgcolor=#FFFFFF]
RenderImage {IMG} at (0,0) size 60x60
RenderText {#text} at (30,0) size 691x156
text run at (30,0) width 656: "The image in the upper left corner of this paragraph should be floated left,"
-layer at (0,0) size 800x3283
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x3283
- RenderBlock {HTML} at (0,0) size 800x3283
- RenderBody {BODY} at (8,8) size 784x3267 [bgcolor=#CCCCCC]
- RenderBlock (floating) {P} at (0,0) size 392x42 [bgcolor=#FFFF00]
- RenderText {#text} at (0,0) size 392x42
- text run at (0,0) width 392: "This paragraph is of class \"one\". It has a width of 50%"
+layer at (0,0) size 784x3304
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x3304
+ RenderBlock {HTML} at (0,0) size 784x3304
+ RenderBody {BODY} at (8,8) size 768x3288 [bgcolor=#CCCCCC]
+ RenderBlock (floating) {P} at (0,0) size 384x42 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 384x42
+ text run at (0,0) width 384: "This paragraph is of class \"one\". It has a width of 50%"
text run at (0,21) width 167: "and is floated to the left."
- RenderBlock {P} at (0,0) size 784x105
- RenderText {#text} at (392,0) size 784x105
- text run at (392,0) width 392: "This paragraph should start on the right side of a yellow"
- text run at (392,21) width 392: "box which contains the previous paragraph. Since the"
- text run at (0,42) width 784: "text of this element is much longer than the text in the previous element, the text will wrap around the yellow"
- text run at (0,63) width 784: "box. There is no padding, border or margins on this and the previous element, so the text of the two elements"
- text run at (0,84) width 246: "should be very close to each other."
- RenderBlock (anonymous) at (0,105) size 784x21
+ RenderBlock {P} at (0,0) size 768x105
+ RenderText {#text} at (384,0) size 768x105
+ text run at (384,0) width 384: "This paragraph should start on the right side of a"
+ text run at (384,21) width 384: "yellow box which contains the previous paragraph."
+ text run at (0,42) width 768: "Since the text of this element is much longer than the text in the previous element, the text will wrap around"
+ text run at (0,63) width 768: "the yellow box. There is no padding, border or margins on this and the previous element, so the text of the"
+ text run at (0,84) width 344: "two elements should be very close to each other."
+ RenderBlock (anonymous) at (0,105) size 768x21
RenderBR {BR} at (0,0) size 0x21
- RenderBlock {HR} at (0,134) size 784x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (0,144) size 784x84 [bgcolor=#FFFF00]
- RenderText {#text} at (0,0) size 784x84
- text run at (0,0) width 784: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as"
- text run at (0,21) width 784: "its parent element allows it to be. Therefore, even though the element is floated, there is no room for other"
- text run at (0,42) width 784: "content on the sides and a orange square image should be seen AFTER the paragraph, not next to it. A yellow"
- text run at (0,63) width 499: "background has been added to this paragraph for diagnostic purposes."
- RenderBlock (anonymous) at (0,144) size 784x105
+ RenderBlock {HR} at (0,134) size 768x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (0,144) size 768x84 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 768x84
+ text run at (0,0) width 768: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as"
+ text run at (0,21) width 768: "its parent element allows it to be. Therefore, even though the element is floated, there is no room for other"
+ text run at (0,42) width 768: "content on the sides and a orange square image should be seen AFTER the paragraph, not next to it. A"
+ text run at (0,63) width 549: "yellow background has been added to this paragraph for diagnostic purposes."
+ RenderBlock (anonymous) at (0,144) size 768x105
RenderImage {IMG} at (0,85) size 15x15
RenderText {#text} at (15,84) size 4x21
text run at (15,84) width 4: " "
RenderBR {BR} at (19,100) size 0x0
- RenderBlock {HR} at (0,257) size 784x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (0,267) size 392x126 [bgcolor=#FFFF00]
- RenderText {#text} at (0,0) size 392x126
- text run at (0,0) width 392: "This paragraph is floated to the left and the orange"
- text run at (0,21) width 392: "square image should appear to the right of the"
- text run at (0,42) width 392: "paragraph. This paragraph has a yellow background"
- text run at (0,63) width 392: "and no padding, margin or border. The right edge of"
- text run at (0,84) width 392: "this yellow box should be horizontally aligned with the"
+ RenderBlock {HR} at (0,257) size 768x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (0,267) size 384x126 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 384x126
+ text run at (0,0) width 384: "This paragraph is floated to the left and the orange"
+ text run at (0,21) width 384: "square image should appear to the right of the"
+ text run at (0,42) width 384: "paragraph. This paragraph has a yellow background"
+ text run at (0,63) width 384: "and no padding, margin or border. The right edge of"
+ text run at (0,84) width 384: "this yellow box should be horizontally aligned with the"
text run at (0,105) width 278: "left edge of the yellow box undernearth."
- RenderBlock (anonymous) at (0,267) size 784x126
- RenderImage {IMG} at (392,1) size 15x15
- RenderText {#text} at (407,0) size 4x21
- text run at (407,0) width 4: " "
- RenderBR {BR} at (411,16) size 0x0
- RenderBlock {HR} at (0,401) size 784x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (392,411) size 392x126 [bgcolor=#FFFF00]
- RenderText {#text} at (0,0) size 392x126
- text run at (0,0) width 392: "This paragraph is floated to the right (using a STYLE"
- text run at (0,21) width 392: "attribute) and the orange square image should appear"
- text run at (0,42) width 392: "to the left of the paragraph. This paragraph has a"
- text run at (0,63) width 392: "yellow background and no padding, margin or border."
- text run at (0,84) width 392: "The left edge of this yellow box should be horizonally"
+ RenderBlock (anonymous) at (0,267) size 768x126
+ RenderImage {IMG} at (384,1) size 15x15
+ RenderText {#text} at (399,0) size 4x21
+ text run at (399,0) width 4: " "
+ RenderBR {BR} at (403,16) size 0x0
+ RenderBlock {HR} at (0,401) size 768x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (384,411) size 384x126 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 384x126
+ text run at (0,0) width 384: "This paragraph is floated to the right (using a STYLE"
+ text run at (0,21) width 384: "attribute) and the orange square image should appear"
+ text run at (0,42) width 384: "to the left of the paragraph. This paragraph has a"
+ text run at (0,63) width 384: "yellow background and no padding, margin or border."
+ text run at (0,84) width 384: "The left edge of this yellow box should be horizonally"
text run at (0,105) width 362: "aligned with the right edge of the yellow box above."
- RenderBlock (anonymous) at (0,411) size 784x126
+ RenderBlock (anonymous) at (0,411) size 768x126
RenderImage {IMG} at (0,1) size 15x15
RenderText {#text} at (15,0) size 4x21
text run at (15,0) width 4: " "
RenderBR {BR} at (19,16) size 0x0
- RenderBlock {HR} at (0,545) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,555) size 784x84
+ RenderBlock {HR} at (0,545) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,555) size 768x84
RenderBlock (floating) {SPAN} at (0,0) size 48x42 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 20x42
text run at (0,0) width 20: "T"
- RenderText {#text} at (48,0) size 784x84
- text run at (48,0) width 736: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the"
- text run at (48,21) width 639: "paragraph, as well as bold, with a content width of 1.5em and a background-color of silver. "
- text run at (687,21) width 97: "The top of the"
- text run at (0,42) width 784: "big letter \"T\" should be vertically aligned with the top of the first line of this paragraph. This is commonly known"
- text run at (0,63) width 100: "as \"drop-cap\"."
- RenderBlock (anonymous) at (0,639) size 784x21
+ RenderText {#text} at (48,0) size 768x84
+ text run at (48,0) width 720: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the"
+ text run at (48,21) width 647: "paragraph, as well as bold, with a content width of 1.5em and a background-color of silver. "
+ text run at (695,21) width 73: "The top of"
+ text run at (0,42) width 768: "the big letter \"T\" should be vertically aligned with the top of the first line of this paragraph. This is commonly"
+ text run at (0,63) width 151: "known as \"drop-cap\"."
+ RenderBlock (anonymous) at (0,639) size 768x21
RenderBR {BR} at (0,0) size 0x21
- RenderBlock {HR} at (0,668) size 784x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (438,688) size 336x247 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
+ RenderBlock {HR} at (0,668) size 768x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (422,688) size 336x247 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
RenderText {#text} at (8,8) size 320x231
text run at (8,8) width 320: "This paragraph should be floated to the right,"
text run at (8,29) width 320: "sort of like a 'sidebar' in a magazine article."
text run at (8,176) width 320: "element has a 10px wide margin around it"
text run at (8,197) width 320: "where the blue background of the paragraph"
text run at (8,218) width 282: "in the normal flow should shine through."
- RenderBlock {P} at (0,678) size 784x252 [bgcolor=#66CCFF]
- RenderText {#text} at (0,0) size 428x252
- text run at (0,0) width 428: "This paragraph is not floating. If there is enough room, the"
- text run at (0,21) width 428: "textual content of the paragraph should appear on the left"
- text run at (0,42) width 293: "side of the yellow \"sidebar\" on the right. "
- text run at (293,42) width 135: "The content of this"
- text run at (0,63) width 360: "element should flow around the floated element. "
- text run at (360,63) width 68: "However,"
- text run at (0,84) width 428: "the floated element may or may not be obscured by the blue"
- text run at (0,105) width 428: "background of this element, as the specification does not"
- text run at (0,126) width 214: "say which is drawn \"on top.\" "
- text run at (214,126) width 214: "Even if the floated element is"
- text run at (0,147) width 428: "obscured, it still forces the content of this element to flow"
- text run at (0,168) width 76: "around it. "
- text run at (76,168) width 352: "If the floated element is not obscured, then the"
- text run at (0,189) width 428: "blue rectangle of this paragraph should extend 10px above"
- text run at (0,210) width 428: "and to the right of the sidebar's red border, due to the margin"
- text run at (0,231) width 231: "styles set for the floated element."
- RenderBlock (anonymous) at (0,930) size 784x21
+ RenderBlock {P} at (0,678) size 768x252 [bgcolor=#66CCFF]
+ RenderText {#text} at (0,0) size 412x252
+ text run at (0,0) width 412: "This paragraph is not floating. If there is enough room, the"
+ text run at (0,21) width 412: "textual content of the paragraph should appear on the left"
+ text run at (0,42) width 305: "side of the yellow \"sidebar\" on the right. "
+ text run at (305,42) width 107: "The content of"
+ text run at (0,63) width 412: "this element should flow around the floated element."
+ text run at (0,84) width 412: "However, the floated element may or may not be obscured"
+ text run at (0,105) width 412: "by the blue background of this element, as the"
+ text run at (0,126) width 362: "specification does not say which is drawn \"on top.\" "
+ text run at (362,126) width 50: "Even if"
+ text run at (0,147) width 412: "the floated element is obscured, it still forces the content of"
+ text run at (0,168) width 217: "this element to flow around it. "
+ text run at (217,168) width 195: "If the floated element is not"
+ text run at (0,189) width 412: "obscured, then the blue rectangle of this paragraph should"
+ text run at (0,210) width 412: "extend 10px above and to the right of the sidebar's red"
+ text run at (0,231) width 412: "border, due to the margin styles set for the floated element."
+ RenderBlock (anonymous) at (0,930) size 768x21
RenderBR {BR} at (0,0) size 0x21
- RenderBlock {HR} at (0,959) size 784x2 [border: (1px inset #000000)]
- RenderBlock {DIV} at (0,969) size 784x29 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
- RenderBlock (floating) {DIV} at (440,14) size 330x304 [bgcolor=#FFFF00]
+ RenderBlock {HR} at (0,959) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (0,969) size 768x29 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
+ RenderBlock (floating) {DIV} at (424,14) size 330x304 [bgcolor=#FFFF00]
RenderBlock {P} at (5,5) size 320x294
RenderText {#text} at (0,0) size 320x294
text run at (0,0) width 320: "This paragraph is placed inside a DIV"
text run at (0,231) width 320: "rendered on top of the bottom red border. I.e.,"
text run at (0,252) width 320: "the bottom red border will appear broken"
text run at (0,273) width 299: "where it's overlaid by the yellow rectangle."
- RenderBlock {P} at (4,4) size 776x21
+ RenderBlock {P} at (4,4) size 760x21
RenderText {#text} at (0,0) size 301x21
text run at (0,0) width 301: "See description in the box on the right side"
- RenderBlock (anonymous) at (0,998) size 784x299
+ RenderBlock (anonymous) at (0,998) size 768x299
RenderBR {BR} at (0,0) size 0x21
- RenderBlock {HR} at (0,1305) size 784x2 [border: (1px inset #000000)]
- RenderBlock (floating) {DIV} at (0,1315) size 196x84 [bgcolor=#66CCFF]
- RenderBlock {P} at (0,0) size 196x84
- RenderText {#text} at (0,0) size 196x84
- text run at (0,0) width 196: "This paragraph is inside a"
- text run at (0,21) width 196: "DIV which is floated left. Its"
- text run at (0,42) width 196: "background is blue and the"
+ RenderBlock {HR} at (0,1305) size 768x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {DIV} at (0,1315) size 192x84 [bgcolor=#66CCFF]
+ RenderBlock {P} at (0,0) size 192x84
+ RenderText {#text} at (0,0) size 192x84
+ text run at (0,0) width 192: "This paragraph is inside a"
+ text run at (0,21) width 192: "DIV which is floated left. Its"
+ text run at (0,42) width 192: "background is blue and the"
text run at (0,63) width 94: "width is 25%."
- RenderBlock (floating) {DIV} at (588,1315) size 196x84 [bgcolor=#FFFF00]
- RenderBlock {P} at (0,0) size 196x84
- RenderText {#text} at (0,0) size 196x84
- text run at (0,0) width 196: "This paragraph is inside a"
- text run at (0,21) width 196: "DIV which is floated right."
- text run at (0,42) width 28: "Its "
- text run at (28,42) width 168: "background is yellow"
+ RenderBlock (floating) {DIV} at (576,1315) size 192x84 [bgcolor=#FFFF00]
+ RenderBlock {P} at (0,0) size 192x84
+ RenderText {#text} at (0,0) size 192x84
+ text run at (0,0) width 192: "This paragraph is inside a"
+ text run at (0,21) width 192: "DIV which is floated right."
+ text run at (0,42) width 27: "Its "
+ text run at (27,42) width 165: "background is yellow"
text run at (0,63) width 151: "and the width is 25%."
- RenderBlock {P} at (0,1315) size 784x42
- RenderText {#text} at (196,0) size 392x42
- text run at (196,0) width 392: "This paragraph should appear between a blue box (on"
- text run at (196,21) width 56: "the left) "
- text run at (252,21) width 217: "and a yellow box (on the right)."
- RenderBlock (anonymous) at (0,1357) size 784x42
- RenderBR {BR} at (196,0) size 0x21
- RenderBlock {HR} at (0,1407) size 784x2 [border: (1px inset #000000)]
- RenderBlock (floating) {DIV} at (0,1417) size 588x168 [bgcolor=#66CCFF]
- RenderBlock (floating) {DIV} at (431,0) size 147x63 [bgcolor=#FFFF00]
- RenderBlock {P} at (0,0) size 147x63
- RenderText {#text} at (0,0) size 147x63
- text run at (0,0) width 147: "See description in"
- text run at (0,21) width 147: "the box on the left"
+ RenderBlock {P} at (0,1315) size 768x42
+ RenderText {#text} at (192,0) size 384x42
+ text run at (192,0) width 384: "This paragraph should appear between a blue box (on"
+ text run at (192,21) width 56: "the left) "
+ text run at (248,21) width 217: "and a yellow box (on the right)."
+ RenderBlock (anonymous) at (0,1357) size 768x42
+ RenderBR {BR} at (192,0) size 0x21
+ RenderBlock {HR} at (0,1407) size 768x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {DIV} at (0,1417) size 576x168 [bgcolor=#66CCFF]
+ RenderBlock (floating) {DIV} at (422,0) size 144x63 [bgcolor=#FFFF00]
+ RenderBlock {P} at (0,0) size 144x63
+ RenderText {#text} at (0,0) size 144x63
+ text run at (0,0) width 144: "See description in"
+ text run at (0,21) width 144: "the box on the left"
text run at (0,42) width 34: "side."
- RenderBlock {P} at (0,0) size 588x168
- RenderText {#text} at (0,0) size 588x168
- text run at (0,0) width 431: "This paragraph is inside a DIV which is floated left. The"
- text run at (0,21) width 431: "background of the DIV element is blue and its width is 75%."
- text run at (0,42) width 37: "This "
- text run at (37,42) width 394: "text should all be inside the blue rectangle. The blue"
+ RenderBlock {P} at (0,0) size 576x168
+ RenderText {#text} at (0,0) size 576x168
+ text run at (0,0) width 422: "This paragraph is inside a DIV which is floated left. The"
+ text run at (0,21) width 422: "background of the DIV element is blue and its width is 75%."
+ text run at (0,42) width 36: "This "
+ text run at (36,42) width 386: "text should all be inside the blue rectangle. The blue"
text run at (0,63) width 31: "DIV "
- text run at (31,63) width 433: "element has another DIV element as a child. It has a yellow "
- text run at (464,63) width 124: "background color"
- text run at (0,84) width 275: "and is floated to the right. Since it is a "
- text run at (275,84) width 313: "child of the blue DIV, the yellow DIV should"
- text run at (0,105) width 131: "appear inside the "
- text run at (131,105) width 448: "blue rectangle. Due to it being floated to the right and having "
- text run at (579,105) width 9: "a"
- text run at (0,126) width 467: "10px right margin, the yellow rectange should have a 10px blue "
- text run at (467,126) width 121: "stripe on its right"
+ text run at (31,63) width 422: "element has another DIV element as a child. It has a yellow "
+ text run at (453,63) width 123: "background color"
+ text run at (0,84) width 268: "and is floated to the right. Since it is a "
+ text run at (268,84) width 308: "child of the blue DIV, the yellow DIV should"
+ text run at (0,105) width 129: "appear inside the "
+ text run at (129,105) width 438: "blue rectangle. Due to it being floated to the right and having "
+ text run at (567,105) width 9: "a"
+ text run at (0,126) width 458: "10px right margin, the yellow rectange should have a 10px blue "
+ text run at (458,126) width 118: "stripe on its right"
text run at (0,147) width 34: "side."
- RenderBlock (anonymous) at (0,1417) size 784x168
- RenderBR {BR} at (588,0) size 0x21
- RenderBlock {HR} at (0,1593) size 784x2 [border: (1px inset #000000)]
- RenderTable {TABLE} at (0,1603) size 784x1664 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x1662
- RenderTableRow {TR} at (0,0) size 782x30
- RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderBlock (anonymous) at (0,1417) size 768x168
+ RenderBR {BR} at (576,0) size 0x21
+ RenderBlock {HR} at (0,1593) size 768x2 [border: (1px inset #000000)]
+ RenderTable {TABLE} at (0,1603) size 768x1685 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x1683
+ RenderTableRow {TR} at (0,0) size 766x30
+ RenderTableCell {TD} at (0,0) size 766x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 178x21
RenderText {#text} at (4,4) size 178x21
text run at (4,4) width 178: "TABLE Testing Section"
- RenderTableRow {TR} at (0,30) size 782x1632
- RenderTableCell {TD} at (0,831) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,30) size 766x1653
+ RenderTableCell {TD} at (0,842) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x21
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,30) size 770x1632 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (floating) {P} at (4,4) size 381x42 [bgcolor=#FFFF00]
- RenderText {#text} at (0,0) size 381x42
- text run at (0,0) width 381: "This paragraph is of class \"one\". It has a width of 50%"
- text run at (0,21) width 167: "and is floated to the left."
- RenderBlock {P} at (4,4) size 762x105
- RenderText {#text} at (381,0) size 762x105
- text run at (381,0) width 381: "This paragraph should start on the right side of a"
- text run at (381,21) width 381: "yellow box which contains the previous paragraph."
- text run at (0,42) width 762: "Since the text of this element is much longer than the text in the previous element, the text will wrap around"
- text run at (0,63) width 762: "the yellow box. There is no padding, border or margins on this and the previous element, so the text of the"
- text run at (0,84) width 344: "two elements should be very close to each other."
- RenderBlock (anonymous) at (4,109) size 762x21
+ RenderTableCell {TD} at (12,30) size 754x1653 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (floating) {P} at (4,4) size 373x42 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 373x42
+ text run at (0,0) width 373: "This paragraph is of class \"one\". It has a width of"
+ text run at (0,21) width 203: "50% and is floated to the left."
+ RenderBlock {P} at (4,4) size 746x105
+ RenderText {#text} at (373,0) size 746x105
+ text run at (373,0) width 373: "This paragraph should start on the right side of a"
+ text run at (373,21) width 373: "yellow box which contains the previous paragraph."
+ text run at (0,42) width 746: "Since the text of this element is much longer than the text in the previous element, the text will wrap"
+ text run at (0,63) width 746: "around the yellow box. There is no padding, border or margins on this and the previous element, so the"
+ text run at (0,84) width 416: "text of the two elements should be very close to each other."
+ RenderBlock (anonymous) at (4,109) size 746x21
RenderBR {BR} at (0,0) size 0x21
- RenderBlock {HR} at (4,138) size 762x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (4,148) size 762x84 [bgcolor=#FFFF00]
- RenderText {#text} at (0,0) size 762x84
- text run at (0,0) width 762: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide"
- text run at (0,21) width 762: "as its parent element allows it to be. Therefore, even though the element is floated, there is no room for other"
- text run at (0,42) width 762: "content on the sides and a orange square image should be seen AFTER the paragraph, not next to it. A"
- text run at (0,63) width 549: "yellow background has been added to this paragraph for diagnostic purposes."
- RenderBlock (anonymous) at (4,148) size 762x105
+ RenderBlock {HR} at (4,138) size 746x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (4,148) size 746x84 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 746x84
+ text run at (0,0) width 746: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide"
+ text run at (0,21) width 746: "as its parent element allows it to be. Therefore, even though the element is floated, there is no room for"
+ text run at (0,42) width 746: "other content on the sides and a orange square image should be seen AFTER the paragraph, not next to"
+ text run at (0,63) width 580: "it. A yellow background has been added to this paragraph for diagnostic purposes."
+ RenderBlock (anonymous) at (4,148) size 746x105
RenderImage {IMG} at (0,85) size 15x15
RenderText {#text} at (15,84) size 4x21
text run at (15,84) width 4: " "
RenderBR {BR} at (19,100) size 0x0
- RenderBlock {HR} at (4,261) size 762x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (4,271) size 381x126 [bgcolor=#FFFF00]
- RenderText {#text} at (0,0) size 381x126
- text run at (0,0) width 381: "This paragraph is floated to the left and the orange"
- text run at (0,21) width 381: "square image should appear to the right of the"
- text run at (0,42) width 381: "paragraph. This paragraph has a yellow background"
- text run at (0,63) width 381: "and no padding, margin or border. The right edge of"
- text run at (0,84) width 381: "this yellow box should be horizontally aligned with the"
- text run at (0,105) width 278: "left edge of the yellow box undernearth."
- RenderBlock (anonymous) at (4,271) size 762x126
- RenderImage {IMG} at (381,1) size 15x15
- RenderText {#text} at (396,0) size 4x21
- text run at (396,0) width 4: " "
- RenderBR {BR} at (400,16) size 0x0
- RenderBlock {HR} at (4,405) size 762x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (385,415) size 381x126 [bgcolor=#FFFF00]
- RenderText {#text} at (0,0) size 381x126
- text run at (0,0) width 381: "This paragraph is floated to the right (using a STYLE"
- text run at (0,21) width 381: "attribute) and the orange square image should appear"
- text run at (0,42) width 381: "to the left of the paragraph. This paragraph has a"
- text run at (0,63) width 381: "yellow background and no padding, margin or border."
- text run at (0,84) width 381: "The left edge of this yellow box should be horizonally"
- text run at (0,105) width 362: "aligned with the right edge of the yellow box above."
- RenderBlock (anonymous) at (4,415) size 762x126
+ RenderBlock {HR} at (4,261) size 746x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (4,271) size 373x126 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 373x126
+ text run at (0,0) width 373: "This paragraph is floated to the left and the orange"
+ text run at (0,21) width 373: "square image should appear to the right of the"
+ text run at (0,42) width 373: "paragraph. This paragraph has a yellow background"
+ text run at (0,63) width 373: "and no padding, margin or border. The right edge of"
+ text run at (0,84) width 373: "this yellow box should be horizontally aligned with"
+ text run at (0,105) width 304: "the left edge of the yellow box undernearth."
+ RenderBlock (anonymous) at (4,271) size 746x126
+ RenderImage {IMG} at (373,1) size 15x15
+ RenderText {#text} at (388,0) size 4x21
+ text run at (388,0) width 4: " "
+ RenderBR {BR} at (392,16) size 0x0
+ RenderBlock {HR} at (4,405) size 746x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (377,415) size 373x147 [bgcolor=#FFFF00]
+ RenderText {#text} at (0,0) size 373x147
+ text run at (0,0) width 373: "This paragraph is floated to the right (using a STYLE"
+ text run at (0,21) width 373: "attribute) and the orange square image should"
+ text run at (0,42) width 373: "appear to the left of the paragraph. This paragraph"
+ text run at (0,63) width 373: "has a yellow background and no padding, margin or"
+ text run at (0,84) width 373: "border. The left edge of this yellow box should be"
+ text run at (0,105) width 373: "horizonally aligned with the right edge of the yellow"
+ text run at (0,126) width 78: "box above."
+ RenderBlock (anonymous) at (4,415) size 746x147
RenderImage {IMG} at (0,1) size 15x15
RenderText {#text} at (15,0) size 4x21
text run at (15,0) width 4: " "
RenderBR {BR} at (19,16) size 0x0
- RenderBlock {HR} at (4,549) size 762x2 [border: (1px inset #000000)]
- RenderBlock {P} at (4,559) size 762x84
+ RenderBlock {HR} at (4,570) size 746x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (4,580) size 746x84
RenderBlock (floating) {SPAN} at (0,0) size 48x42 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 20x42
text run at (0,0) width 20: "T"
- RenderText {#text} at (48,0) size 762x84
- text run at (48,0) width 714: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the"
- text run at (48,21) width 642: "paragraph, as well as bold, with a content width of 1.5em and a background-color of silver. "
- text run at (690,21) width 72: "The top of"
- text run at (0,42) width 762: "the big letter \"T\" should be vertically aligned with the top of the first line of this paragraph. This is commonly"
- text run at (0,63) width 151: "known as \"drop-cap\"."
- RenderBlock (anonymous) at (4,643) size 762x21
+ RenderText {#text} at (48,0) size 746x84
+ text run at (48,0) width 698: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the"
+ text run at (48,21) width 643: "paragraph, as well as bold, with a content width of 1.5em and a background-color of silver. "
+ text run at (691,21) width 55: "The top"
+ text run at (0,42) width 746: "of the big letter \"T\" should be vertically aligned with the top of the first line of this paragraph. This is"
+ text run at (0,63) width 228: "commonly known as \"drop-cap\"."
+ RenderBlock (anonymous) at (4,664) size 746x21
RenderBR {BR} at (0,0) size 0x21
- RenderBlock {HR} at (4,672) size 762x2 [border: (1px inset #000000)]
- RenderBlock (floating) {P} at (420,692) size 336x247 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
+ RenderBlock {HR} at (4,693) size 746x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (404,713) size 336x247 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
RenderText {#text} at (8,8) size 320x231
text run at (8,8) width 320: "This paragraph should be floated to the right,"
text run at (8,29) width 320: "sort of like a 'sidebar' in a magazine article."
text run at (8,176) width 320: "element has a 10px wide margin around it"
text run at (8,197) width 320: "where the blue background of the paragraph"
text run at (8,218) width 282: "in the normal flow should shine through."
- RenderBlock {P} at (4,682) size 762x273 [bgcolor=#66CCFF]
- RenderText {#text} at (0,0) size 406x273
- text run at (0,0) width 406: "This paragraph is not floating. If there is enough room, the"
- text run at (0,21) width 406: "textual content of the paragraph should appear on the left"
- text run at (0,42) width 300: "side of the yellow \"sidebar\" on the right. "
- text run at (300,42) width 106: "The content of"
- text run at (0,63) width 406: "this element should flow around the floated element."
- text run at (0,84) width 406: "However, the floated element may or may not be"
- text run at (0,105) width 406: "obscured by the blue background of this element, as the"
- text run at (0,126) width 369: "specification does not say which is drawn \"on top.\" "
- text run at (369,126) width 37: "Even"
- text run at (0,147) width 406: "if the floated element is obscured, it still forces the content"
- text run at (0,168) width 237: "of this element to flow around it. "
- text run at (237,168) width 169: "If the floated element is"
- text run at (0,189) width 406: "not obscured, then the blue rectangle of this paragraph"
- text run at (0,210) width 406: "should extend 10px above and to the right of the"
- text run at (0,231) width 406: "sidebar's red border, due to the margin styles set for the"
- text run at (0,252) width 113: "floated element."
- RenderBlock (anonymous) at (4,955) size 762x21
+ RenderBlock {P} at (4,703) size 746x273 [bgcolor=#66CCFF]
+ RenderText {#text} at (0,0) size 390x273
+ text run at (0,0) width 390: "This paragraph is not floating. If there is enough room,"
+ text run at (0,21) width 390: "the textual content of the paragraph should appear on"
+ text run at (0,42) width 362: "the left side of the yellow \"sidebar\" on the right. "
+ text run at (362,42) width 28: "The"
+ text run at (0,63) width 390: "content of this element should flow around the floated"
+ text run at (0,84) width 65: "element. "
+ text run at (65,84) width 325: "However, the floated element may or may not"
+ text run at (0,105) width 390: "be obscured by the blue background of this element, as"
+ text run at (0,126) width 390: "the specification does not say which is drawn \"on top.\""
+ text run at (0,147) width 390: "Even if the floated element is obscured, it still forces"
+ text run at (0,168) width 351: "the content of this element to flow around it. "
+ text run at (351,168) width 39: "If the"
+ text run at (0,189) width 390: "floated element is not obscured, then the blue"
+ text run at (0,210) width 390: "rectangle of this paragraph should extend 10px above"
+ text run at (0,231) width 390: "and to the right of the sidebar's red border, due to the"
+ text run at (0,252) width 284: "margin styles set for the floated element."
+ RenderBlock (anonymous) at (4,976) size 746x21
RenderBR {BR} at (0,0) size 0x21
- RenderBlock {HR} at (4,984) size 762x2 [border: (1px inset #000000)]
- RenderBlock {DIV} at (4,994) size 762x29 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
- RenderBlock (floating) {DIV} at (418,14) size 330x304 [bgcolor=#FFFF00]
+ RenderBlock {HR} at (4,1005) size 746x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (4,1015) size 746x29 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
+ RenderBlock (floating) {DIV} at (402,14) size 330x304 [bgcolor=#FFFF00]
RenderBlock {P} at (5,5) size 320x294
RenderText {#text} at (0,0) size 320x294
text run at (0,0) width 320: "This paragraph is placed inside a DIV"
text run at (0,231) width 320: "rendered on top of the bottom red border. I.e.,"
text run at (0,252) width 320: "the bottom red border will appear broken"
text run at (0,273) width 299: "where it's overlaid by the yellow rectangle."
- RenderBlock {P} at (4,4) size 754x21
+ RenderBlock {P} at (4,4) size 738x21
RenderText {#text} at (0,0) size 301x21
text run at (0,0) width 301: "See description in the box on the right side"
- RenderBlock (anonymous) at (4,1023) size 762x299
+ RenderBlock (anonymous) at (4,1044) size 746x299
RenderBR {BR} at (0,0) size 0x21
- RenderBlock {HR} at (4,1330) size 762x2 [border: (1px inset #000000)]
- RenderBlock (floating) {DIV} at (4,1340) size 190x84 [bgcolor=#66CCFF]
- RenderBlock {P} at (0,0) size 190x84
- RenderText {#text} at (0,0) size 190x84
- text run at (0,0) width 190: "This paragraph is inside a"
- text run at (0,21) width 190: "DIV which is floated left. Its"
- text run at (0,42) width 190: "background is blue and"
+ RenderBlock {HR} at (4,1351) size 746x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {DIV} at (4,1361) size 186x84 [bgcolor=#66CCFF]
+ RenderBlock {P} at (0,0) size 186x84
+ RenderText {#text} at (0,0) size 186x84
+ text run at (0,0) width 186: "This paragraph is inside a"
+ text run at (0,21) width 186: "DIV which is floated left."
+ text run at (0,42) width 20: "Its "
+ text run at (20,42) width 166: "background is blue and"
text run at (0,63) width 120: "the width is 25%."
- RenderBlock (floating) {DIV} at (576,1340) size 190x84 [bgcolor=#FFFF00]
- RenderBlock {P} at (0,0) size 190x84
- RenderText {#text} at (0,0) size 190x84
- text run at (0,0) width 190: "This paragraph is inside a"
- text run at (0,21) width 190: "DIV which is floated right."
- text run at (0,42) width 26: "Its "
- text run at (26,42) width 164: "background is yellow"
+ RenderBlock (floating) {DIV} at (564,1361) size 186x84 [bgcolor=#FFFF00]
+ RenderBlock {P} at (0,0) size 186x84
+ RenderText {#text} at (0,0) size 186x84
+ text run at (0,0) width 186: "This paragraph is inside a"
+ text run at (0,21) width 186: "DIV which is floated right."
+ text run at (0,42) width 25: "Its "
+ text run at (25,42) width 161: "background is yellow"
text run at (0,63) width 151: "and the width is 25%."
- RenderBlock {P} at (4,1340) size 762x42
- RenderText {#text} at (190,0) size 382x42
- text run at (190,0) width 382: "This paragraph should appear between a blue box"
- text run at (190,21) width 83: "(on the left) "
- text run at (273,21) width 217: "and a yellow box (on the right)."
- RenderBlock (anonymous) at (4,1382) size 762x42
- RenderBR {BR} at (190,0) size 0x21
- RenderBlock {HR} at (4,1432) size 762x2 [border: (1px inset #000000)]
- RenderBlock (floating) {DIV} at (4,1442) size 571x168 [bgcolor=#66CCFF]
- RenderBlock (floating) {DIV} at (419,0) size 142x63 [bgcolor=#FFFF00]
- RenderBlock {P} at (0,0) size 142x63
- RenderText {#text} at (0,0) size 142x63
- text run at (0,0) width 142: "See description in"
- text run at (0,21) width 142: "the box on the left"
+ RenderBlock {P} at (4,1361) size 746x42
+ RenderText {#text} at (186,0) size 374x42
+ text run at (186,0) width 374: "This paragraph should appear between a blue box"
+ text run at (186,21) width 83: "(on the left) "
+ text run at (269,21) width 217: "and a yellow box (on the right)."
+ RenderBlock (anonymous) at (4,1403) size 746x42
+ RenderBR {BR} at (186,0) size 0x21
+ RenderBlock {HR} at (4,1453) size 746x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {DIV} at (4,1463) size 559x168 [bgcolor=#66CCFF]
+ RenderBlock (floating) {DIV} at (410,0) size 139x63 [bgcolor=#FFFF00]
+ RenderBlock {P} at (0,0) size 139x63
+ RenderText {#text} at (0,0) size 139x63
+ text run at (0,0) width 139: "See description in"
+ text run at (0,21) width 139: "the box on the left"
text run at (0,42) width 34: "side."
- RenderBlock {P} at (0,0) size 571x168
- RenderText {#text} at (0,0) size 571x168
- text run at (0,0) width 419: "This paragraph is inside a DIV which is floated left. The"
- text run at (0,21) width 419: "background of the DIV element is blue and its width is 75%."
- text run at (0,42) width 36: "This "
- text run at (36,42) width 383: "text should all be inside the blue rectangle. The blue"
- text run at (0,63) width 33: "DIV "
- text run at (33,63) width 454: "element has another DIV element as a child. It has a yellow "
- text run at (487,63) width 84: "background"
- text run at (0,84) width 312: "color and is floated to the right. Since it is a "
- text run at (312,84) width 259: "child of the blue DIV, the yellow DIV"
- text run at (0,105) width 184: "should appear inside the "
- text run at (184,105) width 387: "blue rectangle. Due to it being floated to the right and"
- text run at (0,126) width 53: "having "
- text run at (53,126) width 479: "a 10px right margin, the yellow rectange should have a 10px blue "
- text run at (532,126) width 39: "stripe"
- text run at (0,147) width 111: "on its right side."
- RenderBlock (anonymous) at (4,1442) size 762x168
- RenderBR {BR} at (571,0) size 0x21
- RenderBlock {HR} at (4,1618) size 762x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,0) size 559x168
+ RenderText {#text} at (0,0) size 559x168
+ text run at (0,0) width 410: "This paragraph is inside a DIV which is floated left. The"
+ text run at (0,21) width 410: "background of the DIV element is blue and its width is"
+ text run at (0,42) width 75: "75%. This "
+ text run at (75,42) width 335: "text should all be inside the blue rectangle. The"
+ text run at (0,63) width 77: "blue DIV "
+ text run at (77,63) width 482: "element has another DIV element as a child. It has a yellow"
+ text run at (0,84) width 407: "background color and is floated to the right. Since it is a "
+ text run at (407,84) width 152: "child of the blue DIV,"
+ text run at (0,105) width 290: "the yellow DIV should appear inside the "
+ text run at (290,105) width 269: "blue rectangle. Due to it being floated"
+ text run at (0,126) width 165: "to the right and having "
+ text run at (165,126) width 394: "a 10px right margin, the yellow rectange should have a"
+ text run at (0,147) width 74: "10px blue "
+ text run at (74,147) width 154: "stripe on its right side."
+ RenderBlock (anonymous) at (4,1463) size 746x168
+ RenderBR {BR} at (559,0) size 0x21
+ RenderBlock {HR} at (4,1639) size 746x2 [border: (1px inset #000000)]
-layer at (0,0) size 800x1011
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1011
- RenderBlock {HTML} at (0,0) size 800x1011
- RenderBody {BODY} at (8,8) size 784x995 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x1011
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1011
+ RenderBlock {HTML} at (0,0) size 784x1011
+ RenderBody {BODY} at (8,8) size 768x995 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x51
+ RenderBlock {PRE} at (0,37) size 768x51
RenderText {#text} at (0,0) size 118x51
text run at (0,0) width 112: ".one {height: 50px;}"
text run at (112,0) width 0: " "
text run at (0,17) width 118: ".two {height: 100px;}"
text run at (118,17) width 0: " "
text run at (0,34) width 0: " "
- RenderBlock {HR} at (0,101) size 784x2 [border: (1px inset #000000)]
- RenderBlock (anonymous) at (0,111) size 784x50
+ RenderBlock {HR} at (0,101) size 768x2 [border: (1px inset #000000)]
+ RenderBlock (anonymous) at (0,111) size 768x50
RenderImage {IMG} at (0,0) size 50x50
RenderText {#text} at (0,0) size 0x0
- RenderBlock {P} at (0,177) size 784x21
+ RenderBlock {P} at (0,177) size 768x21
RenderText {#text} at (0,0) size 306x21
text run at (0,0) width 306: "The square above should be fifty pixels tall."
- RenderBlock (anonymous) at (0,214) size 784x100
+ RenderBlock (anonymous) at (0,214) size 768x100
RenderImage {IMG} at (0,0) size 100x100
RenderText {#text} at (0,0) size 0x0
- RenderBlock {P} at (0,330) size 784x21
+ RenderBlock {P} at (0,330) size 768x21
RenderText {#text} at (0,0) size 378x21
text run at (0,0) width 378: "The square above should be 100 pixels tall and wide."
- RenderBlock (anonymous) at (0,367) size 784x100
+ RenderBlock (anonymous) at (0,367) size 768x100
RenderImage {IMG} at (0,0) size 30x100
RenderText {#text} at (0,0) size 0x0
- RenderBlock {P} at (0,483) size 784x42
- RenderText {#text} at (0,0) size 782x42
- text run at (0,0) width 782: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and the"
- text run at (0,21) width 234: "size has been doubled using the "
+ RenderBlock {P} at (0,483) size 768x42
+ RenderText {#text} at (0,0) size 756x42
+ text run at (0,0) width 756: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and"
+ text run at (0,21) width 260: "the size has been doubled using the "
RenderInline {CODE} at (0,0) size 35x17
- RenderText {#text} at (234,24) size 35x17
- text run at (234,24) width 35: "height"
- RenderText {#text} at (269,21) size 71x21
- text run at (269,21) width 71: " property)."
- RenderTable {TABLE} at (0,541) size 784x454 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x452
- RenderTableRow {TR} at (0,0) size 782x30
- RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (260,24) size 35x17
+ text run at (260,24) width 35: "height"
+ RenderText {#text} at (295,21) size 71x21
+ text run at (295,21) width 71: " property)."
+ RenderTable {TABLE} at (0,541) size 768x454 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x452
+ RenderTableRow {TR} at (0,0) size 766x30
+ RenderTableCell {TD} at (0,0) size 766x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 178x21
RenderText {#text} at (4,4) size 178x21
text run at (4,4) width 178: "TABLE Testing Section"
- RenderTableRow {TR} at (0,30) size 782x422
+ RenderTableRow {TR} at (0,30) size 766x422
RenderTableCell {TD} at (0,226) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x21
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,30) size 770x422 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (4,4) size 762x50
+ RenderTableCell {TD} at (12,30) size 754x422 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (4,4) size 746x50
RenderImage {IMG} at (0,0) size 50x50
RenderText {#text} at (0,0) size 0x0
- RenderBlock {P} at (4,70) size 762x21
+ RenderBlock {P} at (4,70) size 746x21
RenderText {#text} at (0,0) size 306x21
text run at (0,0) width 306: "The square above should be fifty pixels tall."
- RenderBlock (anonymous) at (4,107) size 762x100
+ RenderBlock (anonymous) at (4,107) size 746x100
RenderImage {IMG} at (0,0) size 100x100
RenderText {#text} at (0,0) size 0x0
- RenderBlock {P} at (4,223) size 762x21
+ RenderBlock {P} at (4,223) size 746x21
RenderText {#text} at (0,0) size 378x21
text run at (0,0) width 378: "The square above should be 100 pixels tall and wide."
- RenderBlock (anonymous) at (4,260) size 762x100
+ RenderBlock (anonymous) at (4,260) size 746x100
RenderImage {IMG} at (0,0) size 30x100
RenderText {#text} at (0,0) size 0x0
- RenderBlock {P} at (4,376) size 762x42
- RenderText {#text} at (0,0) size 756x42
- text run at (0,0) width 756: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and"
- text run at (0,21) width 260: "the size has been doubled using the "
+ RenderBlock {P} at (4,376) size 746x42
+ RenderText {#text} at (0,0) size 725x42
+ text run at (0,0) width 725: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15,"
+ text run at (0,21) width 291: "and the size has been doubled using the "
RenderInline {CODE} at (0,0) size 35x17
- RenderText {#text} at (260,24) size 35x17
- text run at (260,24) width 35: "height"
- RenderText {#text} at (295,21) size 71x21
- text run at (295,21) width 71: " property)."
+ RenderText {#text} at (291,24) size 35x17
+ text run at (291,24) width 35: "height"
+ RenderText {#text} at (326,21) size 71x21
+ text run at (326,21) width 71: " property)."
-layer at (0,0) size 802x2869
- RenderView at (0,0) size 800x600
-layer at (0,0) size 802x2869
- RenderBlock {HTML} at (0,0) size 800x2869
- RenderBody {BODY} at (8,8) size 784x2853 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 786x2895
+ RenderView at (0,0) size 784x584
+layer at (0,0) size 786x2895
+ RenderBlock {HTML} at (0,0) size 784x2895
+ RenderBody {BODY} at (8,8) size 768x2879 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x119
+ RenderBlock {PRE} at (0,37) size 768x119
RenderText {#text} at (0,0) size 264x119
text run at (0,0) width 245: ".zero {background-color: silver; margin: 0;}"
text run at (245,0) width 0: " "
text run at (116,85) width 0: " "
text run at (0,102) width 259: ".six {margin: -10px; background-color: aqua;}"
text run at (259,102) width 0: " "
- RenderBlock {HR} at (0,169) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,187) size 784x42
+ RenderBlock {HR} at (0,169) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,187) size 768x42
RenderText {#text} at (0,0) size 743x42
text run at (0,0) width 743: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as"
text run at (0,21) width 368: "described in section 4.1.1 of the CSS1 specification."
- RenderBlock {P} at (0,245) size 784x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,245) size 768x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (48,314) size 688x42 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 679x42
- text run at (0,0) width 679: "This sentence should have an overall margin of half an inch, which will require extra text in order"
- text run at (0,21) width 46: "to test."
- RenderBlock {P} at (0,404) size 784x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (48,314) size 672x42 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 638x42
+ text run at (0,0) width 638: "This sentence should have an overall margin of half an inch, which will require extra text in"
+ text run at (0,21) width 87: "order to test."
+ RenderBlock {P} at (0,404) size 768x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (25,450) size 734x21 [bgcolor=#00FFFF]
+ RenderBlock {P} at (25,450) size 718x21 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 711x21
text run at (0,0) width 711: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
- RenderBlock {P} at (0,496) size 784x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,496) size 768x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (80,597) size 624x42 [bgcolor=#00FFFF]
+ RenderBlock {P} at (80,597) size 608x42 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 591x42
text run at (0,0) width 591: "This sentence should have an overall margin of 5 em, which will require extra text in"
text run at (0,21) width 87: "order to test."
- RenderBlock {P} at (0,719) size 784x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,719) size 768x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (196,936) size 392x84 [bgcolor=#00FFFF]
+ RenderBlock {P} at (192,932) size 384x84 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 375x84
text run at (0,0) width 375: "This sentence should have an overall margin of 25%,"
text run at (0,21) width 352: "which is calculated with respect to the width of the"
text run at (0,42) width 114: "parent element. "
text run at (114,42) width 256: "This will require extra text in order to"
text run at (0,63) width 29: "test."
- RenderBlock {P} at (0,1216) size 784x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,1208) size 768x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {UL} at (25,1262) size 734x134 [bgcolor=#00FFFF]
- RenderListItem {LI} at (40,0) size 694x21
+ RenderBlock {UL} at (25,1254) size 718x134 [bgcolor=#00FFFF]
+ RenderListItem {LI} at (40,0) size 678x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 416x21
text run at (0,0) width 416: "This list has a margin of 25px, and a light blue background."
- RenderListItem {LI} at (40,21) size 694x21
+ RenderListItem {LI} at (40,21) size 678x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 293x21
text run at (0,0) width 293: "Therefore, it ought to have such a margin."
- RenderListItem {LI} at (65,67) size 644x21
+ RenderListItem {LI} at (65,67) size 628x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 603x21
text run at (0,0) width 603: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
- RenderListItem {LI} at (40,113) size 694x21
+ RenderListItem {LI} at (40,113) size 678x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 331x21
text run at (0,0) width 331: "This list item has no special styles applied to it."
- RenderBlock {P} at (0,1421) size 784x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,1413) size 768x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (-10,1432) size 804x63 [bgcolor=#00FFFF]
+ RenderBlock {P} at (-10,1424) size 788x63 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 781x63
text run at (0,0) width 781: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward"
text run at (0,21) width 472: "and pull subsequent text up toward it, and a light blue background. "
text run at (472,21) width 298: "In all other respects, however, the element"
text run at (0,42) width 131: "should be normal. "
text run at (131,42) width 623: "No styles have been applied to it besides the negative margin and the background color."
- RenderBlock {P} at (0,1485) size 784x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,1477) size 768x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderTable {TABLE} at (0,1506) size 784x1347 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x1345
- RenderTableRow {TR} at (0,0) size 782x30
- RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,1498) size 768x1381 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x1379
+ RenderTableRow {TR} at (0,0) size 766x30
+ RenderTableCell {TD} at (0,0) size 766x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 178x21
RenderText {#text} at (4,4) size 178x21
text run at (4,4) width 178: "TABLE Testing Section"
- RenderTableRow {TR} at (0,30) size 782x1315
- RenderTableCell {TD} at (0,673) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,30) size 766x1349
+ RenderTableCell {TD} at (0,690) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x21
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,30) size 770x1315 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x42
+ RenderTableCell {TD} at (12,30) size 754x1349 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 746x42
RenderText {#text} at (0,0) size 743x42
text run at (0,0) width 743: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as"
text run at (0,21) width 368: "described in section 4.1.1 of the CSS1 specification."
- RenderBlock {P} at (4,62) size 762x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,62) size 746x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (52,131) size 666x42 [bgcolor=#00FFFF]
+ RenderBlock {P} at (52,131) size 650x42 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 638x42
text run at (0,0) width 638: "This sentence should have an overall margin of half an inch, which will require extra text in"
text run at (0,21) width 87: "order to test."
- RenderBlock {P} at (4,221) size 762x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,221) size 746x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (29,267) size 712x21 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 711x21
- text run at (0,0) width 711: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
- RenderBlock {P} at (4,313) size 762x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (29,267) size 696x42 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 678x42
+ text run at (0,0) width 678: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to"
+ text run at (0,21) width 29: "test."
+ RenderBlock {P} at (4,334) size 746x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (84,414) size 602x42 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 591x42
- text run at (0,0) width 591: "This sentence should have an overall margin of 5 em, which will require extra text in"
- text run at (0,21) width 87: "order to test."
- RenderBlock {P} at (4,536) size 762x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (84,435) size 586x42 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 574x42
+ text run at (0,0) width 574: "This sentence should have an overall margin of 5 em, which will require extra text"
+ text run at (0,21) width 104: "in order to test."
+ RenderBlock {P} at (4,557) size 746x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (194,747) size 382x84 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 375x84
- text run at (0,0) width 375: "This sentence should have an overall margin of 25%,"
- text run at (0,21) width 352: "which is calculated with respect to the width of the"
- text run at (0,42) width 114: "parent element. "
- text run at (114,42) width 256: "This will require extra text in order to"
- text run at (0,63) width 29: "test."
- RenderBlock {P} at (4,1021) size 762x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (190,764) size 374x84 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 366x84
+ text run at (0,0) width 335: "This sentence should have an overall margin of"
+ text run at (0,21) width 366: "25%, which is calculated with respect to the width of"
+ text run at (0,42) width 140: "the parent element. "
+ text run at (140,42) width 198: "This will require extra text in"
+ text run at (0,63) width 87: "order to test."
+ RenderBlock {P} at (4,1034) size 746x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {UL} at (29,1067) size 712x134 [bgcolor=#00FFFF]
- RenderListItem {LI} at (40,0) size 672x21
+ RenderBlock {UL} at (29,1080) size 696x134 [bgcolor=#00FFFF]
+ RenderListItem {LI} at (40,0) size 656x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 416x21
text run at (0,0) width 416: "This list has a margin of 25px, and a light blue background."
- RenderListItem {LI} at (40,21) size 672x21
+ RenderListItem {LI} at (40,21) size 656x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 293x21
text run at (0,0) width 293: "Therefore, it ought to have such a margin."
- RenderListItem {LI} at (65,67) size 622x21
+ RenderListItem {LI} at (65,67) size 606x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 603x21
text run at (0,0) width 603: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
- RenderListItem {LI} at (40,113) size 672x21
+ RenderListItem {LI} at (40,113) size 656x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 331x21
text run at (0,0) width 331: "This list item has no special styles applied to it."
- RenderBlock {P} at (4,1226) size 762x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (4,1239) size 746x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (-6,1237) size 782x63 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 781x63
- text run at (0,0) width 781: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward"
- text run at (0,21) width 472: "and pull subsequent text up toward it, and a light blue background. "
- text run at (472,21) width 298: "In all other respects, however, the element"
- text run at (0,42) width 131: "should be normal. "
- text run at (131,42) width 623: "No styles have been applied to it besides the negative margin and the background color."
- RenderBlock {P} at (4,1290) size 762x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (-6,1250) size 766x84 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 766x84
+ text run at (0,0) width 724: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it"
+ text run at (0,21) width 529: "upward and pull subsequent text up toward it, and a light blue background. "
+ text run at (529,21) width 237: "In all other respects, however, the"
+ text run at (0,42) width 192: "element should be normal. "
+ text run at (192,42) width 492: "No styles have been applied to it besides the negative margin and the"
+ text run at (0,63) width 127: "background color."
+ RenderBlock {P} at (4,1324) size 746x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
-layer at (0,0) size 800x1881
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1881
- RenderBlock {HTML} at (0,0) size 800x1881
- RenderBody {BODY} at (8,8) size 784x1865 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x21
+layer at (0,0) size 784x1873
+ RenderView at (0,0) size 784x600
+layer at (0,0) size 784x1873
+ RenderBlock {HTML} at (0,0) size 784x1873
+ RenderBody {BODY} at (8,8) size 768x1857 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
RenderText {#text} at (0,0) size 395x21
text run at (0,0) width 395: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,37) size 784x153
+ RenderBlock {PRE} at (0,37) size 768x153
RenderText {#text} at (0,0) size 308x153
text run at (0,0) width 289: ".zero {background-color: silver; margin-bottom: 0;}"
text run at (289,0) width 0: " "
text run at (0,119) width 125: "P, UL {margin-top: 0;}"
text run at (125,119) width 0: " "
text run at (0,136) width 0: " "
- RenderBlock {HR} at (0,203) size 784x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,213) size 784x21 [bgcolor=#C0C0C0]
+ RenderBlock {HR} at (0,203) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,213) size 768x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (0,234) size 784x42 [bgcolor=#00FFFF]
+ RenderBlock {P} at (0,234) size 768x42 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 765x42
text run at (0,0) width 765: "This sentence should have a bottom margin of half an inch, which will require extra text in order to make sure"
text run at (0,21) width 284: "that the margin isn't applied to each line."
- RenderBlock {P} at (0,324) size 784x42 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 777x42
- text run at (0,0) width 777: "This sentence should have a bottom margin of 25 pixels, which will require extra text in order to make sure that"
+ RenderBlock {P} at (0,324) size 768x42 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 747x42
+ text run at (0,0) width 747: "This sentence should have a bottom margin of 25 pixels, which will require extra text in order to make sure"
+ text run at (0,21) width 284: "that the margin isn't applied to each line."
+ RenderBlock {P} at (0,391) size 768x42 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 748x42
+ text run at (0,0) width 748: "This sentence should have a bottom margin of 5 em, which will require extra text in order to make sure that"
text run at (0,21) width 254: "the margin isn't applied to each line."
- RenderBlock {P} at (0,391) size 784x42 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 774x42
- text run at (0,0) width 774: "This sentence should have a bottom margin of 5 em, which will require extra text in order to make sure that the"
- text run at (0,21) width 228: "margin isn't applied to each line."
- RenderBlock {P} at (0,513) size 784x42 [bgcolor=#00FFFF]
+ RenderBlock {P} at (0,513) size 768x42 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 763x42
text run at (0,0) width 763: "This element should have a bottom margin of 25%, which will require extra text in order to make sure that the"
text run at (0,21) width 228: "margin isn't applied to each line."
- RenderBlock {P} at (0,751) size 784x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,747) size 768x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (0,772) size 784x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,768) size 768x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 266x21
text run at (0,0) width 266: "This element also has a class of zero."
- RenderBlock {UL} at (0,793) size 784x109 [bgcolor=#00FFFF]
- RenderListItem {LI} at (40,0) size 744x21
+ RenderBlock {UL} at (0,789) size 768x109 [bgcolor=#00FFFF]
+ RenderListItem {LI} at (40,0) size 728x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 469x21
text run at (0,0) width 469: "This list has a margin-bottom of 25px, and a light blue background."
- RenderListItem {LI} at (40,21) size 744x21
+ RenderListItem {LI} at (40,21) size 728x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 293x21
text run at (0,0) width 293: "Therefore, it ought to have such a margin."
- RenderListItem {LI} at (40,42) size 744x21
+ RenderListItem {LI} at (40,42) size 728x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 655x21
text run at (0,0) width 655: "This list item has a bottom margin of 25px, which should cause it to be offset in some fashion."
- RenderListItem {LI} at (40,88) size 744x21
+ RenderListItem {LI} at (40,88) size 728x21
RenderListMarker at (-18,0) size 7x21: bullet
RenderText {#text} at (0,0) size 331x21
text run at (0,0) width 331: "This list item has no special styles applied to it."
- RenderBlock {P} at (0,927) size 784x63 [bgcolor=#00FFFF]
+ RenderBlock {P} at (0,923) size 768x63 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 767x63
text run at (0,0) width 763: "This paragraph has a bottom margin of -10px, which should cause elements after it to be shifted \"upward\" on"
text run at (0,21) width 206: "the page, and no top margin. "
text run at (206,21) width 548: "No other styles have been applied to it besides a light blue background color. "
text run at (754,21) width 13: "In"
text run at (0,42) width 343: "all other respects, the element should be normal."
- RenderBlock {P} at (0,980) size 784x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,976) size 768x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 232x21
text run at (0,0) width 232: "This element has a class of zero."
- RenderBlock {P} at (0,1001) size 784x21 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,997) size 768x21 [bgcolor=#C0C0C0]
RenderText {#text} at (0,0) size 266x21
text run at (0,0) width 266: "This element also has a class of zero."
- RenderTable {TABLE} at (0,1022) size 784x843 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x841
- RenderTableRow {TR} at (0,0) size 782x30
- RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderTable {TABLE} at (0,1018) size 768x839 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x837
+ RenderTableRow {TR} at (0,0) size 766x30
+ RenderTableCell {TD} at (0,0) size 766x30 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 178x21
RenderText {#text} at (4,4) size 178x21
text run at (4,4) width 178: "TABLE Testing Section"
- RenderTableRow {TR} at (0,30) size 782x811
- RenderTableCell {TD} at (0,421) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderTableRow {TR} at (0,30) size 766x807
+ RenderTableCell {TD} at (0,419) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {#text} at (4,4) size 4x21
text run at (4,4) width 4: " "
- RenderTableCe
git://git.webkit.org / WebKit-https.git / commitdiff