2009-11-10 Andras Becsi <becsi.andras@stud.u-szeged.hu>
authoreric@webkit.org <eric@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 10 Nov 2009 21:12:10 +0000 (21:12 +0000)
committereric@webkit.org <eric@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 10 Nov 2009 21:12:10 +0000 (21:12 +0000)
        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  Andras Becsi  <becsi.andras@stud.u-szeged.hu>

        Reviewed by Kenneth Rohde Christiansen.

        [Qt] Remove obsolete scrollbar policy settings from DRT constructor.

        * DumpRenderTree/qt/DumpRenderTree.cpp:
        (WebCore::DumpRenderTree::DumpRenderTree):

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@50757 268f45cc-cd09-0410-ab3c-d52691b4dbfc

106 files changed:
LayoutTests/ChangeLog
LayoutTests/platform/qt/css1/basic/class_as_selector-expected.txt
LayoutTests/platform/qt/css1/basic/comments-expected.txt
LayoutTests/platform/qt/css1/basic/containment-expected.txt
LayoutTests/platform/qt/css1/basic/id_as_selector-expected.txt
LayoutTests/platform/qt/css1/basic/inheritance-expected.txt
LayoutTests/platform/qt/css1/box_properties/border-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_bottom-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_bottom_width-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_left-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_left_width-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_right_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_right_width-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_style-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_top-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_top_width-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_width-expected.txt
LayoutTests/platform/qt/css1/box_properties/clear-expected.txt
LayoutTests/platform/qt/css1/box_properties/clear_float-expected.txt
LayoutTests/platform/qt/css1/box_properties/float_elements_in_series-expected.txt
LayoutTests/platform/qt/css1/box_properties/float_margin-expected.txt
LayoutTests/platform/qt/css1/box_properties/float_on_text_elements-expected.txt
LayoutTests/platform/qt/css1/box_properties/height-expected.txt
LayoutTests/platform/qt/css1/box_properties/margin-expected.txt
LayoutTests/platform/qt/css1/box_properties/margin_bottom-expected.txt
LayoutTests/platform/qt/css1/box_properties/margin_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/margin_left-expected.txt
LayoutTests/platform/qt/css1/box_properties/margin_right-expected.txt
LayoutTests/platform/qt/css1/box_properties/margin_top-expected.txt
LayoutTests/platform/qt/css1/box_properties/padding-expected.txt
LayoutTests/platform/qt/css1/box_properties/padding_bottom-expected.txt
LayoutTests/platform/qt/css1/box_properties/padding_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/padding_left-expected.txt
LayoutTests/platform/qt/css1/box_properties/padding_right-expected.txt
LayoutTests/platform/qt/css1/box_properties/padding_top-expected.txt
LayoutTests/platform/qt/css1/box_properties/width-expected.txt
LayoutTests/platform/qt/css1/cascade/cascade_order-expected.txt
LayoutTests/platform/qt/css1/cascade/important-expected.txt
LayoutTests/platform/qt/css1/classification/display-expected.txt
LayoutTests/platform/qt/css1/classification/list_style_type-expected.txt
LayoutTests/platform/qt/css1/classification/white_space-expected.txt
LayoutTests/platform/qt/css1/color_and_background/background-expected.txt
LayoutTests/platform/qt/css1/color_and_background/background_attachment-expected.txt
LayoutTests/platform/qt/css1/color_and_background/background_color-expected.txt
LayoutTests/platform/qt/css1/color_and_background/background_image-expected.txt
LayoutTests/platform/qt/css1/color_and_background/background_position-expected.txt
LayoutTests/platform/qt/css1/color_and_background/background_repeat-expected.txt
LayoutTests/platform/qt/css1/conformance/forward_compatible_parsing-expected.txt
LayoutTests/platform/qt/css1/font_properties/font-expected.txt
LayoutTests/platform/qt/css1/font_properties/font_family-expected.txt
LayoutTests/platform/qt/css1/font_properties/font_size-expected.txt
LayoutTests/platform/qt/css1/font_properties/font_weight-expected.txt
LayoutTests/platform/qt/css1/formatting_model/floating_elements-expected.txt
LayoutTests/platform/qt/css1/formatting_model/height_of_lines-expected.txt
LayoutTests/platform/qt/css1/formatting_model/horizontal_formatting-expected.txt
LayoutTests/platform/qt/css1/formatting_model/inline_elements-expected.txt
LayoutTests/platform/qt/css1/formatting_model/replaced_elements-expected.txt
LayoutTests/platform/qt/css1/formatting_model/vertical_formatting-expected.txt
LayoutTests/platform/qt/css1/pseudo/anchor-expected.txt
LayoutTests/platform/qt/css1/pseudo/firstletter-expected.txt
LayoutTests/platform/qt/css1/pseudo/firstline-expected.txt
LayoutTests/platform/qt/css1/pseudo/multiple_pseudo_elements-expected.txt
LayoutTests/platform/qt/css1/pseudo/pseudo_elements_in_selectors-expected.txt
LayoutTests/platform/qt/css1/text_properties/letter_spacing-expected.txt
LayoutTests/platform/qt/css1/text_properties/line_height-expected.txt
LayoutTests/platform/qt/css1/text_properties/text_decoration-expected.txt
LayoutTests/platform/qt/css1/text_properties/text_indent-expected.txt
LayoutTests/platform/qt/css1/text_properties/text_transform-expected.txt
LayoutTests/platform/qt/css1/text_properties/vertical_align-expected.txt
LayoutTests/platform/qt/css1/text_properties/word_spacing-expected.txt
LayoutTests/platform/qt/css1/units/color_units-expected.txt
LayoutTests/platform/qt/css1/units/length_units-expected.txt
LayoutTests/platform/qt/css1/units/percentage_units-expected.txt
LayoutTests/platform/qt/css2.1/t0402-c71-fwd-parsing-02-f-expected.txt
LayoutTests/platform/qt/css2.1/t1202-counter-09-b-expected.txt
LayoutTests/platform/qt/css2.1/t1202-counters-08-b-expected.txt
LayoutTests/platform/qt/css2.1/t1202-counters-09-b-expected.txt
LayoutTests/platform/qt/css2.1/t140201-c535-bg-fixd-00-b-g-expected.txt
LayoutTests/platform/qt/css2.1/t1508-c527-font-07-b-expected.txt
LayoutTests/platform/qt/fast/backgrounds/background-inherit-color-bug-expected.txt
LayoutTests/platform/qt/fast/backgrounds/size/backgroundSize15-expected.txt
LayoutTests/platform/qt/fast/block/float/008-expected.txt
LayoutTests/platform/qt/fast/block/float/019-expected.txt
LayoutTests/platform/qt/fast/block/float/033-expected.txt
LayoutTests/platform/qt/fast/block/float/035-expected.txt
LayoutTests/platform/qt/fast/block/float/avoidance-percent-width-strict-expected.txt
LayoutTests/platform/qt/fast/box-shadow/basic-shadows-expected.txt
LayoutTests/platform/qt/fast/canvas/canvas-bg-expected.txt
LayoutTests/platform/qt/fast/css/nested-floating-relative-position-percentages-expected.txt
LayoutTests/platform/qt/fast/css/nth-child-dynamic-expected.txt
LayoutTests/platform/qt/fast/css/text-rendering-expected.txt
LayoutTests/platform/qt/fast/dynamic/anchor-lock-expected.txt
LayoutTests/platform/qt/fast/flexbox/flex-hang-expected.txt
LayoutTests/platform/qt/fast/forms/search-vertical-alignment-expected.txt
LayoutTests/platform/qt/fast/frames/iframe-scrolling-attribute-expected.txt
LayoutTests/platform/qt/fast/lists/ol-start-parsing-expected.txt
LayoutTests/platform/qt/fast/multicol/positioned-with-constrained-height-expected.txt
LayoutTests/platform/qt/fast/overflow/position-fixed-transform-clipping-expected.txt
LayoutTests/platform/qt/fast/table/height-percent-test-expected.txt
LayoutTests/platform/qt/fast/table/wide-colspan-expected.txt
LayoutTests/platform/qt/fast/table/wide-column-expected.txt
LayoutTests/platform/qt/fast/text/text-letter-spacing-expected.txt
LayoutTests/platform/qt/svg/css/stars-with-shadow-expected.txt
LayoutTests/platform/qt/tables/mozilla/bugs/bug29314-expected.txt
WebKitTools/ChangeLog
WebKitTools/DumpRenderTree/qt/DumpRenderTree.cpp

index 0cac53865a03005c055f084fe6423058687a27bd..2c5dd544867c39390ef1672e0f20ae291c7e32b6 100644 (file)
@@ -1,3 +1,114 @@
+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.
index f48e8c3bf7a97776704070dc82c4617ae8e044ab..ea376384737b913341a4494f3699580eed7e8296 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -16,25 +16,25 @@ layer at (0,0) size 800x628
           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."
index e3bd3a4f9ab5e71c204e7bbcac01bdb449b9368b..b5b93f701600176f006e142f80f438d1b5c75155 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -37,29 +37,29 @@ layer at (0,0) size 800x955
           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)]
index d61559809154bf24ea0be78b6b8e113e0bf43ea6..436fbc989687dba2a87a25c87219f3aafaab0d98 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -28,8 +28,8 @@ layer at (0,0) size 800x1092
           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
@@ -38,7 +38,7 @@ layer at (0,0) size 800x1092
         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
@@ -52,8 +52,8 @@ layer at (0,0) size 800x1092
         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 ["
@@ -62,7 +62,7 @@ layer at (0,0) size 800x1092
               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 ["
@@ -71,7 +71,7 @@ layer at (0,0) size 800x1092
               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 ["
@@ -80,61 +80,62 @@ layer at (0,0) size 800x1092
               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
@@ -145,11 +146,11 @@ layer at (0,0) size 800x1092
                 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 ["
@@ -158,7 +159,7 @@ layer at (0,0) size 800x1092
                       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 ["
@@ -167,7 +168,7 @@ layer at (0,0) size 800x1092
                       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 ["
@@ -176,37 +177,37 @@ layer at (0,0) size 800x1092
                       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."
index 834ab07e93ef01df6de28ab0f5b8f98797e8298f..f267402e54740525f2034c4680dc05c579e8ee1f 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -23,14 +23,14 @@ layer at (0,0) size 800x682
           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
@@ -38,16 +38,16 @@ layer at (0,0) size 800x682
             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."
index f1dff95d686d6f0bcd9545f6bf7716dbbaca8182..b9fff15794f1ca5b403aa11c8031d51a58f7f641 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -22,8 +22,8 @@ layer at (0,0) size 800x791
           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
@@ -36,7 +36,7 @@ layer at (0,0) size 800x791
             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
@@ -44,7 +44,7 @@ layer at (0,0) size 800x791
             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]
@@ -52,10 +52,10 @@ layer at (0,0) size 800x791
             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
@@ -78,7 +78,7 @@ layer at (0,0) size 800x791
             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
@@ -86,7 +86,7 @@ layer at (0,0) size 800x791
             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
index 2e3ba0cfacab0b8965574ea1f75be04052cc6336..ff2145d0fc1171930ec57535de46a0dad8ce17e8 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -26,34 +26,34 @@ layer at (0,0) size 800x1563
           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
@@ -62,10 +62,10 @@ layer at (0,0) size 800x1563
         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"
@@ -76,20 +76,20 @@ layer at (0,0) size 800x1563
           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)]
@@ -98,48 +98,48 @@ layer at (0,0) size 800x1563
                     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
@@ -148,34 +148,34 @@ layer at (0,0) size 800x1563
                 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)]
@@ -184,6 +184,6 @@ layer at (0,0) size 800x1563
                             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."
index 2d0edae00e9a3220dc312776912d96ff432cee6f..b67111ff159483018a8742e7e4fcd67b1339b6ee 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -16,32 +16,31 @@ layer at (0,0) size 800x1100
           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)]
@@ -50,30 +49,30 @@ layer at (0,0) size 800x1100
                     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"
@@ -83,42 +82,42 @@ layer at (0,0) size 800x1100
               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)]
@@ -127,36 +126,37 @@ layer at (0,0) size 800x1100
                             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.\")."
index 139c77f0e1700ea1ea7c86e44f33ebc491f61630..490d932dce66e7427f37803e464af347abdad2f8 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -20,8 +20,8 @@ layer at (0,0) size 800x944
           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
@@ -29,22 +29,22 @@ layer at (0,0) size 800x944
             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
@@ -52,7 +52,7 @@ layer at (0,0) size 800x944
             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)]
index 2c1b40c1c303e48771c6590cc4365ed0e5b3463a..7182ef630909212d9c3aca0d87ef792f50ee18e9 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -22,32 +22,32 @@ layer at (0,0) size 800x1166
           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)]
@@ -56,72 +56,72 @@ layer at (0,0) size 800x1166
                     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)]
@@ -130,30 +130,30 @@ layer at (0,0) size 800x1166
                             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"
index 096f0b26b03c8796e7179702fcbeb5d9614be8cd..e95447794235f5d15d746bec2af139a12d7cc632 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -20,8 +20,8 @@ layer at (0,0) size 800x944
           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
@@ -29,26 +29,26 @@ layer at (0,0) size 800x944
             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
@@ -56,19 +56,19 @@ layer at (0,0) size 800x944
             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
@@ -76,26 +76,26 @@ layer at (0,0) size 800x944
                     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
index 5e304250d6ff4ddf016afd583051d4d23109fa98..2aa1a7c3ee8f7890ff2cf480c3f6feb549161615 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -22,32 +22,31 @@ layer at (0,0) size 800x1229
           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)]
@@ -56,75 +55,75 @@ layer at (0,0) size 800x1229
                     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)]
@@ -133,30 +132,30 @@ layer at (0,0) size 800x1229
                             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"
index 6fc5c479614bd9cb99a7be29d5ca78afda895eae..cf7997ffc520415ec590e6f97a21309fd0fe5e6d 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -20,8 +20,8 @@ layer at (0,0) size 800x944
           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
@@ -29,26 +29,26 @@ layer at (0,0) size 800x944
             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
@@ -56,19 +56,19 @@ layer at (0,0) size 800x944
             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
@@ -76,26 +76,26 @@ layer at (0,0) size 800x944
                     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
index a944bcf664219054041a62857de9b71ec0fe6f79..d3296f0c55a6980153ae251c1c7d35dfc0e9d1fb 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -32,90 +32,90 @@ layer at (0,0) size 800x1410
           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."
index c630f326c22aa2da552f9781b46f25cbc1afca62..d9d615d2fc0058e713221934d98aa763bbc19f93 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -16,32 +16,32 @@ layer at (0,0) size 800x1058
           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)]
@@ -50,70 +50,70 @@ layer at (0,0) size 800x1058
                     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)]
@@ -122,30 +122,30 @@ layer at (0,0) size 800x1058
                             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."
index 2296b082ae8f0ede5c85abfe68d2fa4946b88e28..77e72f9d03cd45daefaaafc04530e7ba971f32b5 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -20,8 +20,8 @@ layer at (0,0) size 800x820
           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
@@ -29,22 +29,22 @@ layer at (0,0) size 800x820
             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
index 75112d6956c9c01776e6db8e2e2bf0d44829538d..007c54307303f52b3e0102ee9bdaef64835af64f 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -20,8 +20,8 @@ layer at (0,0) size 800x964
           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
@@ -29,22 +29,22 @@ layer at (0,0) size 800x964
             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
index 8c4affd0f86b2ca433fd7d3c078656412f173a15..7a74cd1028f0bdd102d4cd1bf7c08e1b1d376b0d 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -16,36 +16,36 @@ layer at (0,0) size 800x1030
           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
index 0532734185abe765bc9fafb21affc15a6dd759ef..f4c3a21f4e3b55ef463705aa0d0eb6cc3f185b1a 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -24,7 +24,7 @@ layer at (0,0) size 800x928
           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
@@ -67,35 +67,35 @@ layer at (0,0) size 800x928
             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
@@ -138,26 +138,28 @@ layer at (0,0) size 800x928
                     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."
index e3cb83c8d7e1235a1a445cf31a290e984a869043..61c43e69011884064c77389f95b5cd257e1f0467 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -32,29 +32,30 @@ layer at (0,0) size 800x779
           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
@@ -90,24 +91,24 @@ layer at (0,0) size 800x779
                 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
@@ -124,7 +125,7 @@ layer at (0,0) size 800x779
                 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
index 6655dcb60c0cad473e3eb1b3c720b0ca932d119f..d472b2a981ce8032461bef4d5d68b5189e53987c 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -25,27 +25,27 @@ layer at (0,0) size 800x2269
           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"
@@ -56,55 +56,54 @@ layer at (0,0) size 800x2269
           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. "
@@ -112,53 +111,53 @@ layer at (0,0) size 800x2269
                   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,"
index 03db7f42bf1f9e6e2df8799306c7bc37d8f877bb..266635ea62347204d85f9fe05cf3cb14e7321917 100644 (file)
@@ -1,76 +1,76 @@
-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."
@@ -83,29 +83,28 @@ layer at (0,0) size 800x3283
           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"
@@ -122,142 +121,143 @@ layer at (0,0) size 800x3283
               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."
@@ -270,29 +270,29 @@ layer at (0,0) size 800x3283
                   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"
@@ -309,59 +309,59 @@ layer at (0,0) size 800x3283
                       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)]
index ff7547ecfc17ce5c53e13aa3bcbab50d455dec2d..45eaafcbf63ba8b989040b3639a8134317d3658a 100644 (file)
@@ -1,76 +1,76 @@
-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)."
index 3b0be1bb15a134a6554f282a8566c0f43cfff7b6..abeeaa1a61b5f41e884a1d3e18f4b1bf40e64a2d 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -22,150 +22,152 @@ layer at (0,0) size 802x2869
           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."
index 85de3980aded4cd0b22eaf3fee8f79c0809ac483..722f597a7d719bf2a202d0b268fdf9dfd76497cb 100644 (file)
@@ -1,12 +1,12 @@
-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: " "
@@ -25,126 +25,126 @@ layer at (0,0) size 800x1881
           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