| OLD | NEW |
| 1 layer at (0,0) size 785x826 | 1 layer at (0,0) size 785x826 |
| 2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
| 3 layer at (0,0) size 785x826 | 3 layer at (0,0) size 785x826 |
| 4 RenderBlock {HTML} at (0,0) size 785x826 | 4 RenderBlock {HTML} at (0,0) size 785x825.88 |
| 5 RenderBody {BODY} at (8,8) size 769x810 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 769x809.88 [bgcolor=#CCCCCC] |
| 6 RenderBlock {P} at (0,0) size 769x20 | 6 RenderBlock {P} at (0,0) size 769x20 |
| 7 RenderText {#text} at (0,0) size 337x19 | 7 RenderText {#text} at (0,0) size 337x19 |
| 8 text run at (0,0) width 337: "The style declarations which apply to th
e text below are:" | 8 text run at (0,0) width 337: "The style declarations which apply to th
e text below are:" |
| 9 RenderBlock {PRE} at (0,33) size 769x144 | 9 RenderBlock {PRE} at (0,33) size 769x144 |
| 10 RenderText {#text} at (0,0) size 616x144 | 10 RenderText {#text} at (0,0) size 616x144 |
| 11 text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align:
justify;}" | 11 text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align:
justify;}" |
| 12 text run at (392,0) width 0: " " | 12 text run at (392,0) width 0: " " |
| 13 text run at (0,16) width 0: " " | 13 text run at (0,16) width 0: " " |
| 14 text run at (0,32) width 384: "DIV.menu {float: left; clear: left; wid
th: 11em;" | 14 text run at (0,32) width 384: "DIV.menu {float: left; clear: left; wid
th: 11em;" |
| 15 text run at (384,32) width 0: " " | 15 text run at (384,32) width 0: " " |
| 16 text run at (0,48) width 464: " margin: 0; margin-bottom: 10p
x; padding: 0.5em;}" | 16 text run at (0,48) width 464: " margin: 0; margin-bottom: 10p
x; padding: 0.5em;}" |
| 17 text run at (464,48) width 0: " " | 17 text run at (464,48) width 0: " " |
| 18 text run at (0,64) width 432: "DIV.menu H1 {font-size: 1.2em; margin:
0; padding: 0;}" | 18 text run at (0,64) width 432: "DIV.menu H1 {font-size: 1.2em; margin:
0; padding: 0;}" |
| 19 text run at (432,64) width 0: " " | 19 text run at (432,64) width 0: " " |
| 20 text run at (0,80) width 448: "DIV.menu UL {margin: 0.2em 0.3em 0.2em
1em; padding: 0;}" | 20 text run at (0,80) width 448: "DIV.menu UL {margin: 0.2em 0.3em 0.2em
1em; padding: 0;}" |
| 21 text run at (448,80) width 0: " " | 21 text run at (448,80) width 0: " " |
| 22 text run at (0,96) width 616: "DIV.article {padding: 0.5em; margin: 0;
margin-left: 14em; margin-right: 2em;" | 22 text run at (0,96) width 616: "DIV.article {padding: 0.5em; margin: 0;
margin-left: 14em; margin-right: 2em;" |
| 23 text run at (616,96) width 0: " " | 23 text run at (616,96) width 0: " " |
| 24 text run at (0,112) width 480: " color: black; background:
yellow; clear: none;}" | 24 text run at (0,112) width 480: " color: black; background:
yellow; clear: none;}" |
| 25 text run at (480,112) width 0: " " | 25 text run at (480,112) width 0: " " |
| 26 text run at (0,128) width 0: " " | 26 text run at (0,128) width 0: " " |
| 27 RenderBlock {HR} at (0,190) size 769x2 [border: (1px inset #EEEEEE)] | 27 RenderBlock {HR} at (0,190) size 769x2 [border: (1px inset #EEEEEE)] |
| 28 RenderBlock (floating) {DIV} at (0,200) size 192x126 [color=#FFFFFF] [bgco
lor=#008000] | 28 RenderBlock (floating) {DIV} at (0,200) size 192x125.38 [color=#FFFFFF] [b
gcolor=#008000] |
| 29 RenderBlock {H1} at (8,8) size 176x23 | 29 RenderBlock {H1} at (8,8) size 176x23 |
| 30 RenderText {#text} at (0,0) size 82x22 | 30 RenderText {#text} at (0,0) size 82x22 |
| 31 text run at (0,0) width 82: "Top menu" | 31 text run at (0,0) width 82: "Top menu" |
| 32 RenderBlock {UL} at (24,34) size 156x81 | 32 RenderBlock {UL} at (24,34.19) size 155.20x80 |
| 33 RenderListItem {LI} at (0,0) size 156x20 | 33 RenderListItem {LI} at (0,0) size 155.20x20 |
| 34 RenderListMarker at (-18,0) size 7x19: bullet | 34 RenderListMarker at (-18,0) size 7x19: bullet |
| 35 RenderText {#text} at (0,0) size 33x19 | 35 RenderText {#text} at (0,0) size 33x19 |
| 36 text run at (0,0) width 33: "green" | 36 text run at (0,0) width 33: "green" |
| 37 RenderListItem {LI} at (0,20) size 156x20 | 37 RenderListItem {LI} at (0,20) size 155.20x20 |
| 38 RenderListMarker at (-18,0) size 7x19: bullet | 38 RenderListMarker at (-18,0) size 7x19: bullet |
| 39 RenderText {#text} at (0,0) size 58x19 | 39 RenderText {#text} at (0,0) size 58x19 |
| 40 text run at (0,0) width 58: "white text" | 40 text run at (0,0) width 58: "white text" |
| 41 RenderListItem {LI} at (0,40) size 156x20 | 41 RenderListItem {LI} at (0,40) size 155.20x20 |
| 42 RenderListMarker at (-18,0) size 7x19: bullet | 42 RenderListMarker at (-18,0) size 7x19: bullet |
| 43 RenderText {#text} at (0,0) size 90x19 | 43 RenderText {#text} at (0,0) size 90x19 |
| 44 text run at (0,0) width 90: "0.5em padding" | 44 text run at (0,0) width 90: "0.5em padding" |
| 45 RenderListItem {LI} at (0,60) size 156x20 | 45 RenderListItem {LI} at (0,60) size 155.20x20 |
| 46 RenderListMarker at (-18,0) size 7x19: bullet | 46 RenderListMarker at (-18,0) size 7x19: bullet |
| 47 RenderText {#text} at (0,0) size 82x19 | 47 RenderText {#text} at (0,0) size 82x19 |
| 48 text run at (0,0) width 82: "0.5em margin" | 48 text run at (0,0) width 82: "0.5em margin" |
| 49 RenderBlock (floating) {DIV} at (0,335) size 192x126 [color=#FFFFFF] [bgco
lor=#0000FF] | 49 RenderBlock (floating) {DIV} at (0,335.38) size 192x125.38 [color=#FFFFFF]
[bgcolor=#0000FF] |
| 50 RenderBlock {H1} at (8,8) size 176x23 | 50 RenderBlock {H1} at (8,8) size 176x23 |
| 51 RenderText {#text} at (0,0) size 109x22 | 51 RenderText {#text} at (0,0) size 109x22 |
| 52 text run at (0,0) width 109: "Bottom menu" | 52 text run at (0,0) width 109: "Bottom menu" |
| 53 RenderBlock {UL} at (24,34) size 156x81 | 53 RenderBlock {UL} at (24,34.19) size 155.20x80 |
| 54 RenderListItem {LI} at (0,0) size 156x20 | 54 RenderListItem {LI} at (0,0) size 155.20x20 |
| 55 RenderListMarker at (-18,0) size 7x19: bullet | 55 RenderListMarker at (-18,0) size 7x19: bullet |
| 56 RenderText {#text} at (0,0) size 101x19 | 56 RenderText {#text} at (0,0) size 101x19 |
| 57 text run at (0,0) width 101: "blue background" | 57 text run at (0,0) width 101: "blue background" |
| 58 RenderListItem {LI} at (0,20) size 156x20 | 58 RenderListItem {LI} at (0,20) size 155.20x20 |
| 59 RenderListMarker at (-18,0) size 7x19: bullet | 59 RenderListMarker at (-18,0) size 7x19: bullet |
| 60 RenderText {#text} at (0,0) size 58x19 | 60 RenderText {#text} at (0,0) size 58x19 |
| 61 text run at (0,0) width 58: "white text" | 61 text run at (0,0) width 58: "white text" |
| 62 RenderListItem {LI} at (0,40) size 156x20 | 62 RenderListItem {LI} at (0,40) size 155.20x20 |
| 63 RenderListMarker at (-18,0) size 7x19: bullet | 63 RenderListMarker at (-18,0) size 7x19: bullet |
| 64 RenderText {#text} at (0,0) size 90x19 | 64 RenderText {#text} at (0,0) size 90x19 |
| 65 text run at (0,0) width 90: "0.5em padding" | 65 text run at (0,0) width 90: "0.5em padding" |
| 66 RenderListItem {LI} at (0,60) size 156x20 | 66 RenderListItem {LI} at (0,60) size 155.20x20 |
| 67 RenderListMarker at (-18,0) size 7x19: bullet | 67 RenderListMarker at (-18,0) size 7x19: bullet |
| 68 RenderText {#text} at (0,0) size 82x19 | 68 RenderText {#text} at (0,0) size 82x19 |
| 69 text run at (0,0) width 82: "0.5em margin" | 69 text run at (0,0) width 82: "0.5em margin" |
| 70 RenderBlock {DIV} at (224,200) size 513x236 [bgcolor=#FFFF00] | 70 RenderBlock {DIV} at (224,200) size 513x235.88 [bgcolor=#FFFF00] |
| 71 RenderBlock {H1} at (8,29) size 497x38 | 71 RenderBlock {H1} at (8,29.44) size 497x37 |
| 72 RenderText {#text} at (0,0) size 274x36 | 72 RenderText {#text} at (0,0) size 274x36 |
| 73 text run at (0,0) width 274: "The 'clear' property" | 73 text run at (0,0) width 274: "The 'clear' property" |
| 74 RenderBlock {P} at (8,87) size 497x101 | 74 RenderBlock {P} at (8,87.88) size 497x100 |
| 75 RenderText {#text} at (0,0) size 497x99 | 75 RenderText {#text} at (0,0) size 497x99 |
| 76 text run at (0,0) width 497: "This page has two floating \"menus\" o
n the side; one has a green background, and" | 76 text run at (0,0) width 497: "This page has two floating \"menus\" o
n the side; one has a green background, and" |
| 77 text run at (0,20) width 184: "the other a blue background. " | 77 text run at (0,20) width 184: "the other a blue background. " |
| 78 text run at (184,20) width 313: "Due to settings on the 'float' and
'clear' properties," | 78 text run at (184,20) width 313: "Due to settings on the 'float' and
'clear' properties," |
| 79 text run at (0,40) width 497: "the two menus should appear on the le
ft side of the page, the blue below the green." | 79 text run at (0,40) width 497: "the two menus should appear on the le
ft side of the page, the blue below the green." |
| 80 text run at (0,60) width 497: "There should be a 10px gap between th
e two menus. There should also be a 10px" | 80 text run at (0,60) width 497: "There should be a 10px gap between th
e two menus. There should also be a 10px" |
| 81 text run at (0,80) width 306: "gap between the top menu and the top
of the page." | 81 text run at (0,80) width 306: "gap between the top menu and the top
of the page." |
| 82 RenderBlock {P} at (8,187) size 497x41 | 82 RenderBlock {P} at (8,187.88) size 497x40 |
| 83 RenderText {#text} at (0,0) size 497x39 | 83 RenderText {#text} at (0,0) size 497x39 |
| 84 text run at (0,0) width 497: "The top of the yellow rectangle (to wh
ich this paragraph belongs) should be" | 84 text run at (0,0) width 497: "The top of the yellow rectangle (to wh
ich this paragraph belongs) should be" |
| 85 text run at (0,20) width 311: "vertically aligned with the top of th
e green rectangle." | 85 text run at (0,20) width 311: "vertically aligned with the top of th
e green rectangle." |
| 86 RenderTable {TABLE} at (192,435) size 577x375 [border: (1px outset #808080
)] | 86 RenderTable {TABLE} at (192,435.88) size 577x374 [border: (1px outset #808
080)] |
| 87 RenderTableSection {TBODY} at (1,1) size 575x372 | 87 RenderTableSection {TBODY} at (1,1) size 575x372 |
| 88 RenderTableRow {TR} at (0,0) size 575x28 | 88 RenderTableRow {TR} at (0,0) size 575x28 |
| 89 RenderTableCell {TD} at (0,0) size 575x28 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 89 RenderTableCell {TD} at (0,0) size 575x28 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
| 90 RenderInline {STRONG} at (0,0) size 159x19 | 90 RenderInline {STRONG} at (0,0) size 159x19 |
| 91 RenderText {#text} at (4,4) size 159x19 | 91 RenderText {#text} at (4,4) size 159x19 |
| 92 text run at (4,4) width 159: "TABLE Testing Section" | 92 text run at (4,4) width 159: "TABLE Testing Section" |
| 93 RenderTableRow {TR} at (0,28) size 575x344 | 93 RenderTableRow {TR} at (0,28) size 575x344 |
| 94 RenderTableCell {TD} at (0,186) size 12x28 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 94 RenderTableCell {TD} at (0,186) size 12x28 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| 95 RenderText {#text} at (4,4) size 4x19 | 95 RenderText {#text} at (4,4) size 4x19 |
| 96 text run at (4,4) width 4: " " | 96 text run at (4,4) width 4: " " |
| 97 RenderTableCell {TD} at (12,28) size 563x344 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] | 97 RenderTableCell {TD} at (12,28) size 563x343.88 [border: (1px inset
#808080)] [r=1 c=1 rs=1 cs=1] |
| 98 RenderBlock (floating) {DIV} at (4,4) size 192x126 [color=#FFFFFF]
[bgcolor=#008000] | 98 RenderBlock (floating) {DIV} at (4,4) size 192x125.38 [color=#FFFF
FF] [bgcolor=#008000] |
| 99 RenderBlock {H1} at (8,8) size 176x23 | 99 RenderBlock {H1} at (8,8) size 176x23 |
| 100 RenderText {#text} at (0,0) size 82x22 | 100 RenderText {#text} at (0,0) size 82x22 |
| 101 text run at (0,0) width 82: "Top menu" | 101 text run at (0,0) width 82: "Top menu" |
| 102 RenderBlock {UL} at (24,34) size 156x81 | 102 RenderBlock {UL} at (24,34.19) size 155.20x80 |
| 103 RenderListItem {LI} at (0,0) size 156x20 | 103 RenderListItem {LI} at (0,0) size 155.20x20 |
| 104 RenderListMarker at (-18,0) size 7x19: bullet | 104 RenderListMarker at (-18,0) size 7x19: bullet |
| 105 RenderText {#text} at (0,0) size 33x19 | 105 RenderText {#text} at (0,0) size 33x19 |
| 106 text run at (0,0) width 33: "green" | 106 text run at (0,0) width 33: "green" |
| 107 RenderListItem {LI} at (0,20) size 156x20 | 107 RenderListItem {LI} at (0,20) size 155.20x20 |
| 108 RenderListMarker at (-18,0) size 7x19: bullet | 108 RenderListMarker at (-18,0) size 7x19: bullet |
| 109 RenderText {#text} at (0,0) size 58x19 | 109 RenderText {#text} at (0,0) size 58x19 |
| 110 text run at (0,0) width 58: "white text" | 110 text run at (0,0) width 58: "white text" |
| 111 RenderListItem {LI} at (0,40) size 156x20 | 111 RenderListItem {LI} at (0,40) size 155.20x20 |
| 112 RenderListMarker at (-18,0) size 7x19: bullet | 112 RenderListMarker at (-18,0) size 7x19: bullet |
| 113 RenderText {#text} at (0,0) size 90x19 | 113 RenderText {#text} at (0,0) size 90x19 |
| 114 text run at (0,0) width 90: "0.5em padding" | 114 text run at (0,0) width 90: "0.5em padding" |
| 115 RenderListItem {LI} at (0,60) size 156x20 | 115 RenderListItem {LI} at (0,60) size 155.20x20 |
| 116 RenderListMarker at (-18,0) size 7x19: bullet | 116 RenderListMarker at (-18,0) size 7x19: bullet |
| 117 RenderText {#text} at (0,0) size 82x19 | 117 RenderText {#text} at (0,0) size 82x19 |
| 118 text run at (0,0) width 82: "0.5em margin" | 118 text run at (0,0) width 82: "0.5em margin" |
| 119 RenderBlock (floating) {DIV} at (4,139) size 192x126 [color=#FFFFF
F] [bgcolor=#0000FF] | 119 RenderBlock (floating) {DIV} at (4,139.38) size 192x125.38 [color=
#FFFFFF] [bgcolor=#0000FF] |
| 120 RenderBlock {H1} at (8,8) size 176x23 | 120 RenderBlock {H1} at (8,8) size 176x23 |
| 121 RenderText {#text} at (0,0) size 109x22 | 121 RenderText {#text} at (0,0) size 109x22 |
| 122 text run at (0,0) width 109: "Bottom menu" | 122 text run at (0,0) width 109: "Bottom menu" |
| 123 RenderBlock {UL} at (24,34) size 156x81 | 123 RenderBlock {UL} at (24,34.19) size 155.20x80 |
| 124 RenderListItem {LI} at (0,0) size 156x20 | 124 RenderListItem {LI} at (0,0) size 155.20x20 |
| 125 RenderListMarker at (-18,0) size 7x19: bullet | 125 RenderListMarker at (-18,0) size 7x19: bullet |
| 126 RenderText {#text} at (0,0) size 101x19 | 126 RenderText {#text} at (0,0) size 101x19 |
| 127 text run at (0,0) width 101: "blue background" | 127 text run at (0,0) width 101: "blue background" |
| 128 RenderListItem {LI} at (0,20) size 156x20 | 128 RenderListItem {LI} at (0,20) size 155.20x20 |
| 129 RenderListMarker at (-18,0) size 7x19: bullet | 129 RenderListMarker at (-18,0) size 7x19: bullet |
| 130 RenderText {#text} at (0,0) size 58x19 | 130 RenderText {#text} at (0,0) size 58x19 |
| 131 text run at (0,0) width 58: "white text" | 131 text run at (0,0) width 58: "white text" |
| 132 RenderListItem {LI} at (0,40) size 156x20 | 132 RenderListItem {LI} at (0,40) size 155.20x20 |
| 133 RenderListMarker at (-18,0) size 7x19: bullet | 133 RenderListMarker at (-18,0) size 7x19: bullet |
| 134 RenderText {#text} at (0,0) size 90x19 | 134 RenderText {#text} at (0,0) size 90x19 |
| 135 text run at (0,0) width 90: "0.5em padding" | 135 text run at (0,0) width 90: "0.5em padding" |
| 136 RenderListItem {LI} at (0,60) size 156x20 | 136 RenderListItem {LI} at (0,60) size 155.20x20 |
| 137 RenderListMarker at (-18,0) size 7x19: bullet | 137 RenderListMarker at (-18,0) size 7x19: bullet |
| 138 RenderText {#text} at (0,0) size 82x19 | 138 RenderText {#text} at (0,0) size 82x19 |
| 139 text run at (0,0) width 82: "0.5em margin" | 139 text run at (0,0) width 82: "0.5em margin" |
| 140 RenderBlock {DIV} at (228,4) size 299x336 [bgcolor=#FFFF00] | 140 RenderBlock {DIV} at (228,4) size 299x335.88 [bgcolor=#FFFF00] |
| 141 RenderBlock {H1} at (8,29) size 283x38 | 141 RenderBlock {H1} at (8,29.44) size 283x37 |
| 142 RenderText {#text} at (0,0) size 274x36 | 142 RenderText {#text} at (0,0) size 274x36 |
| 143 text run at (0,0) width 274: "The 'clear' property" | 143 text run at (0,0) width 274: "The 'clear' property" |
| 144 RenderBlock {P} at (8,87) size 283x181 | 144 RenderBlock {P} at (8,87.88) size 283x180 |
| 145 RenderText {#text} at (0,0) size 283x179 | 145 RenderText {#text} at (0,0) size 283x179 |
| 146 text run at (0,0) width 283: "This page has two floating \"m
enus\" on the side;" | 146 text run at (0,0) width 283: "This page has two floating \"m
enus\" on the side;" |
| 147 text run at (0,20) width 283: "one has a green background, a
nd the other a" | 147 text run at (0,20) width 283: "one has a green background, a
nd the other a" |
| 148 text run at (0,40) width 111: "blue background. " | 148 text run at (0,40) width 111: "blue background. " |
| 149 text run at (111,40) width 172: "Due to settings on the 'flo
at'" | 149 text run at (111,40) width 172: "Due to settings on the 'flo
at'" |
| 150 text run at (0,60) width 283: "and 'clear' properties, the t
wo menus should" | 150 text run at (0,60) width 283: "and 'clear' properties, the t
wo menus should" |
| 151 text run at (0,80) width 283: "appear on the left side of th
e page, the blue" | 151 text run at (0,80) width 283: "appear on the left side of th
e page, the blue" |
| 152 text run at (0,100) width 283: "below the green. There shoul
d be a 10px gap" | 152 text run at (0,100) width 283: "below the green. There shoul
d be a 10px gap" |
| 153 text run at (0,120) width 283: "between the two menus. There
should also be" | 153 text run at (0,120) width 283: "between the two menus. There
should also be" |
| 154 text run at (0,140) width 283: "a 10px gap between the top m
enu and the top" | 154 text run at (0,140) width 283: "a 10px gap between the top m
enu and the top" |
| 155 text run at (0,160) width 71: "of the page." | 155 text run at (0,160) width 71: "of the page." |
| 156 RenderBlock {P} at (8,267) size 283x61 | 156 RenderBlock {P} at (8,267.88) size 283x60 |
| 157 RenderText {#text} at (0,0) size 283x59 | 157 RenderText {#text} at (0,0) size 283x59 |
| 158 text run at (0,0) width 283: "The top of the yellow rectangl
e (to which this" | 158 text run at (0,0) width 283: "The top of the yellow rectangl
e (to which this" |
| 159 text run at (0,20) width 283: "paragraph belongs) should be
vertically aligned" | 159 text run at (0,20) width 283: "paragraph belongs) should be
vertically aligned" |
| 160 text run at (0,40) width 208: "with the top of the green rec
tangle." | 160 text run at (0,40) width 208: "with the top of the green rec
tangle." |
| OLD | NEW |