| OLD | NEW |
| 1 layer at (0,0) size 800x600 scrollHeight 775 | 1 layer at (0,0) size 800x600 scrollHeight 775 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x775 backgroundClip at (0,0) size 800x600 clip at (0,0) s
ize 800x600 outlineClip at (0,0) size 800x600 | 3 layer at (0,0) size 800x775 backgroundClip at (0,0) size 800x600 clip at (0,0) s
ize 800x600 outlineClip at (0,0) size 800x600 |
| 4 RenderBlock {HTML} at (0,0) size 800x774.88 | 4 RenderBlock {HTML} at (0,0) size 800x774.88 |
| 5 RenderBody {BODY} at (8,8) size 784x758.88 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 784x758.88 [bgcolor=#CCCCCC] |
| 6 RenderBlock {P} at (0,0) size 784x18 | 6 RenderBlock {P} at (0,0) size 784x18 |
| 7 RenderText {#text} at (0,0) size 363x18 | 7 RenderText {#text} at (0,0) size 363x18 |
| 8 text run at (0,0) width 363: "The style declarations which apply to th
e text below are:" | 8 text run at (0,0) width 363: "The style declarations which apply to th
e text below are:" |
| 9 RenderBlock {PRE} at (0,31) size 784x135 | 9 RenderBlock {PRE} at (0,31) size 784x135 |
| 10 RenderText {#text} at (0,0) size 601x135 | 10 RenderText {#text} at (0,0) size 601x135 |
| (...skipping 12 matching lines...) Expand all Loading... |
| 23 text run at (600,90) width 1: " " | 23 text run at (600,90) width 1: " " |
| 24 text run at (0,105) width 469: " color: black; background:
yellow; clear: none;}" | 24 text run at (0,105) width 469: " color: black; background:
yellow; clear: none;}" |
| 25 text run at (468,105) width 1: " " | 25 text run at (468,105) width 1: " " |
| 26 text run at (0,120) width 0: " " | 26 text run at (0,120) width 0: " " |
| 27 RenderBlock {HR} at (0,179) size 784x2 [border: (1px inset #EEEEEE)] | 27 RenderBlock {HR} at (0,179) size 784x2 [border: (1px inset #EEEEEE)] |
| 28 RenderBlock (floating) {DIV} at (0,189) size 192x116.38 [color=#FFFFFF] [b
gcolor=#008000] | 28 RenderBlock (floating) {DIV} at (0,189) size 192x116.38 [color=#FFFFFF] [b
gcolor=#008000] |
| 29 RenderBlock {H1} at (8,8) size 176x22 | 29 RenderBlock {H1} at (8,8) size 176x22 |
| 30 RenderText {#text} at (0,0) size 84x22 | 30 RenderText {#text} at (0,0) size 84x22 |
| 31 text run at (0,0) width 84: "Top menu" | 31 text run at (0,0) width 84: "Top menu" |
| 32 RenderBlock {UL} at (24,33.19) size 155.20x72 | 32 RenderBlock {UL} at (24,33.19) size 155.20x72 |
| 33 RenderListItem {LI} at (0,0) size 155.20x18 | 33 LayoutListItem {LI} at (0,0) size 155.20x18 |
| 34 RenderListMarker at (-17,0) size 7x18: bullet | 34 LayoutListMarker at (-17,0) size 7x18: bullet |
| 35 RenderText {#text} at (0,0) size 36x18 | 35 RenderText {#text} at (0,0) size 36x18 |
| 36 text run at (0,0) width 36: "green" | 36 text run at (0,0) width 36: "green" |
| 37 RenderListItem {LI} at (0,18) size 155.20x18 | 37 LayoutListItem {LI} at (0,18) size 155.20x18 |
| 38 RenderListMarker at (-17,0) size 7x18: bullet | 38 LayoutListMarker at (-17,0) size 7x18: bullet |
| 39 RenderText {#text} at (0,0) size 64x18 | 39 RenderText {#text} at (0,0) size 64x18 |
| 40 text run at (0,0) width 64: "white text" | 40 text run at (0,0) width 64: "white text" |
| 41 RenderListItem {LI} at (0,36) size 155.20x18 | 41 LayoutListItem {LI} at (0,36) size 155.20x18 |
| 42 RenderListMarker at (-17,0) size 7x18: bullet | 42 LayoutListMarker at (-17,0) size 7x18: bullet |
| 43 RenderText {#text} at (0,0) size 96x18 | 43 RenderText {#text} at (0,0) size 96x18 |
| 44 text run at (0,0) width 96: "0.5em padding" | 44 text run at (0,0) width 96: "0.5em padding" |
| 45 RenderListItem {LI} at (0,54) size 155.20x18 | 45 LayoutListItem {LI} at (0,54) size 155.20x18 |
| 46 RenderListMarker at (-17,0) size 7x18: bullet | 46 LayoutListMarker at (-17,0) size 7x18: bullet |
| 47 RenderText {#text} at (0,0) size 89x18 | 47 RenderText {#text} at (0,0) size 89x18 |
| 48 text run at (0,0) width 89: "0.5em margin" | 48 text run at (0,0) width 89: "0.5em margin" |
| 49 RenderBlock (floating) {DIV} at (0,315.38) size 192x116.38 [color=#FFFFFF]
[bgcolor=#0000FF] | 49 RenderBlock (floating) {DIV} at (0,315.38) size 192x116.38 [color=#FFFFFF]
[bgcolor=#0000FF] |
| 50 RenderBlock {H1} at (8,8) size 176x22 | 50 RenderBlock {H1} at (8,8) size 176x22 |
| 51 RenderText {#text} at (0,0) size 112x22 | 51 RenderText {#text} at (0,0) size 112x22 |
| 52 text run at (0,0) width 112: "Bottom menu" | 52 text run at (0,0) width 112: "Bottom menu" |
| 53 RenderBlock {UL} at (24,33.19) size 155.20x72 | 53 RenderBlock {UL} at (24,33.19) size 155.20x72 |
| 54 RenderListItem {LI} at (0,0) size 155.20x18 | 54 LayoutListItem {LI} at (0,0) size 155.20x18 |
| 55 RenderListMarker at (-17,0) size 7x18: bullet | 55 LayoutListMarker at (-17,0) size 7x18: bullet |
| 56 RenderText {#text} at (0,0) size 108x18 | 56 RenderText {#text} at (0,0) size 108x18 |
| 57 text run at (0,0) width 108: "blue background" | 57 text run at (0,0) width 108: "blue background" |
| 58 RenderListItem {LI} at (0,18) size 155.20x18 | 58 LayoutListItem {LI} at (0,18) size 155.20x18 |
| 59 RenderListMarker at (-17,0) size 7x18: bullet | 59 LayoutListMarker at (-17,0) size 7x18: bullet |
| 60 RenderText {#text} at (0,0) size 64x18 | 60 RenderText {#text} at (0,0) size 64x18 |
| 61 text run at (0,0) width 64: "white text" | 61 text run at (0,0) width 64: "white text" |
| 62 RenderListItem {LI} at (0,36) size 155.20x18 | 62 LayoutListItem {LI} at (0,36) size 155.20x18 |
| 63 RenderListMarker at (-17,0) size 7x18: bullet | 63 LayoutListMarker at (-17,0) size 7x18: bullet |
| 64 RenderText {#text} at (0,0) size 96x18 | 64 RenderText {#text} at (0,0) size 96x18 |
| 65 text run at (0,0) width 96: "0.5em padding" | 65 text run at (0,0) width 96: "0.5em padding" |
| 66 RenderListItem {LI} at (0,54) size 155.20x18 | 66 LayoutListItem {LI} at (0,54) size 155.20x18 |
| 67 RenderListMarker at (-17,0) size 7x18: bullet | 67 LayoutListMarker at (-17,0) size 7x18: bullet |
| 68 RenderText {#text} at (0,0) size 89x18 | 68 RenderText {#text} at (0,0) size 89x18 |
| 69 text run at (0,0) width 89: "0.5em margin" | 69 text run at (0,0) width 89: "0.5em margin" |
| 70 RenderBlock {DIV} at (224,189) size 528x221.88 [bgcolor=#FFFF00] | 70 RenderBlock {DIV} at (224,189) size 528x221.88 [bgcolor=#FFFF00] |
| 71 RenderBlock {H1} at (8,29.44) size 512x37 | 71 RenderBlock {H1} at (8,29.44) size 512x37 |
| 72 RenderText {#text} at (0,0) size 276x37 | 72 RenderText {#text} at (0,0) size 276x37 |
| 73 text run at (0,0) width 276: "The 'clear' property" | 73 text run at (0,0) width 276: "The 'clear' property" |
| 74 RenderBlock {P} at (8,87.88) size 512x90 | 74 RenderBlock {P} at (8,87.88) size 512x90 |
| 75 RenderText {#text} at (0,0) size 512x90 | 75 RenderText {#text} at (0,0) size 512x90 |
| 76 text run at (0,0) width 512: "This page has two floating \"menus\" o
n the side; one has a green background," | 76 text run at (0,0) width 512: "This page has two floating \"menus\" o
n the side; one has a green background," |
| 77 text run at (0,18) width 237: "and the other a blue background. " | 77 text run at (0,18) width 237: "and the other a blue background. " |
| (...skipping 15 matching lines...) Expand all Loading... |
| 93 LayoutTableRow {TR} at (0,26) size 590x320 | 93 LayoutTableRow {TR} at (0,26) size 590x320 |
| 94 LayoutTableCell {TD} at (0,173) size 12x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 94 LayoutTableCell {TD} at (0,173) size 12x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| 95 RenderText {#text} at (4,4) size 4x18 | 95 RenderText {#text} at (4,4) size 4x18 |
| 96 text run at (4,4) width 4: " " | 96 text run at (4,4) width 4: " " |
| 97 LayoutTableCell {TD} at (12,26) size 578x319.88 [border: (1px inset
#808080)] [r=1 c=1 rs=1 cs=1] | 97 LayoutTableCell {TD} at (12,26) size 578x319.88 [border: (1px inset
#808080)] [r=1 c=1 rs=1 cs=1] |
| 98 RenderBlock (floating) {DIV} at (4,4) size 192x116.38 [color=#FFFF
FF] [bgcolor=#008000] | 98 RenderBlock (floating) {DIV} at (4,4) size 192x116.38 [color=#FFFF
FF] [bgcolor=#008000] |
| 99 RenderBlock {H1} at (8,8) size 176x22 | 99 RenderBlock {H1} at (8,8) size 176x22 |
| 100 RenderText {#text} at (0,0) size 84x22 | 100 RenderText {#text} at (0,0) size 84x22 |
| 101 text run at (0,0) width 84: "Top menu" | 101 text run at (0,0) width 84: "Top menu" |
| 102 RenderBlock {UL} at (24,33.19) size 155.20x72 | 102 RenderBlock {UL} at (24,33.19) size 155.20x72 |
| 103 RenderListItem {LI} at (0,0) size 155.20x18 | 103 LayoutListItem {LI} at (0,0) size 155.20x18 |
| 104 RenderListMarker at (-17,0) size 7x18: bullet | 104 LayoutListMarker at (-17,0) size 7x18: bullet |
| 105 RenderText {#text} at (0,0) size 36x18 | 105 RenderText {#text} at (0,0) size 36x18 |
| 106 text run at (0,0) width 36: "green" | 106 text run at (0,0) width 36: "green" |
| 107 RenderListItem {LI} at (0,18) size 155.20x18 | 107 LayoutListItem {LI} at (0,18) size 155.20x18 |
| 108 RenderListMarker at (-17,0) size 7x18: bullet | 108 LayoutListMarker at (-17,0) size 7x18: bullet |
| 109 RenderText {#text} at (0,0) size 64x18 | 109 RenderText {#text} at (0,0) size 64x18 |
| 110 text run at (0,0) width 64: "white text" | 110 text run at (0,0) width 64: "white text" |
| 111 RenderListItem {LI} at (0,36) size 155.20x18 | 111 LayoutListItem {LI} at (0,36) size 155.20x18 |
| 112 RenderListMarker at (-17,0) size 7x18: bullet | 112 LayoutListMarker at (-17,0) size 7x18: bullet |
| 113 RenderText {#text} at (0,0) size 96x18 | 113 RenderText {#text} at (0,0) size 96x18 |
| 114 text run at (0,0) width 96: "0.5em padding" | 114 text run at (0,0) width 96: "0.5em padding" |
| 115 RenderListItem {LI} at (0,54) size 155.20x18 | 115 LayoutListItem {LI} at (0,54) size 155.20x18 |
| 116 RenderListMarker at (-17,0) size 7x18: bullet | 116 LayoutListMarker at (-17,0) size 7x18: bullet |
| 117 RenderText {#text} at (0,0) size 89x18 | 117 RenderText {#text} at (0,0) size 89x18 |
| 118 text run at (0,0) width 89: "0.5em margin" | 118 text run at (0,0) width 89: "0.5em margin" |
| 119 RenderBlock (floating) {DIV} at (4,130.38) size 192x116.38 [color=
#FFFFFF] [bgcolor=#0000FF] | 119 RenderBlock (floating) {DIV} at (4,130.38) size 192x116.38 [color=
#FFFFFF] [bgcolor=#0000FF] |
| 120 RenderBlock {H1} at (8,8) size 176x22 | 120 RenderBlock {H1} at (8,8) size 176x22 |
| 121 RenderText {#text} at (0,0) size 112x22 | 121 RenderText {#text} at (0,0) size 112x22 |
| 122 text run at (0,0) width 112: "Bottom menu" | 122 text run at (0,0) width 112: "Bottom menu" |
| 123 RenderBlock {UL} at (24,33.19) size 155.20x72 | 123 RenderBlock {UL} at (24,33.19) size 155.20x72 |
| 124 RenderListItem {LI} at (0,0) size 155.20x18 | 124 LayoutListItem {LI} at (0,0) size 155.20x18 |
| 125 RenderListMarker at (-17,0) size 7x18: bullet | 125 LayoutListMarker at (-17,0) size 7x18: bullet |
| 126 RenderText {#text} at (0,0) size 108x18 | 126 RenderText {#text} at (0,0) size 108x18 |
| 127 text run at (0,0) width 108: "blue background" | 127 text run at (0,0) width 108: "blue background" |
| 128 RenderListItem {LI} at (0,18) size 155.20x18 | 128 LayoutListItem {LI} at (0,18) size 155.20x18 |
| 129 RenderListMarker at (-17,0) size 7x18: bullet | 129 LayoutListMarker at (-17,0) size 7x18: bullet |
| 130 RenderText {#text} at (0,0) size 64x18 | 130 RenderText {#text} at (0,0) size 64x18 |
| 131 text run at (0,0) width 64: "white text" | 131 text run at (0,0) width 64: "white text" |
| 132 RenderListItem {LI} at (0,36) size 155.20x18 | 132 LayoutListItem {LI} at (0,36) size 155.20x18 |
| 133 RenderListMarker at (-17,0) size 7x18: bullet | 133 LayoutListMarker at (-17,0) size 7x18: bullet |
| 134 RenderText {#text} at (0,0) size 96x18 | 134 RenderText {#text} at (0,0) size 96x18 |
| 135 text run at (0,0) width 96: "0.5em padding" | 135 text run at (0,0) width 96: "0.5em padding" |
| 136 RenderListItem {LI} at (0,54) size 155.20x18 | 136 LayoutListItem {LI} at (0,54) size 155.20x18 |
| 137 RenderListMarker at (-17,0) size 7x18: bullet | 137 LayoutListMarker at (-17,0) size 7x18: bullet |
| 138 RenderText {#text} at (0,0) size 89x18 | 138 RenderText {#text} at (0,0) size 89x18 |
| 139 text run at (0,0) width 89: "0.5em margin" | 139 text run at (0,0) width 89: "0.5em margin" |
| 140 RenderBlock {DIV} at (228,4) size 314x311.88 [bgcolor=#FFFF00] | 140 RenderBlock {DIV} at (228,4) size 314x311.88 [bgcolor=#FFFF00] |
| 141 RenderBlock {H1} at (8,29.44) size 298x37 | 141 RenderBlock {H1} at (8,29.44) size 298x37 |
| 142 RenderText {#text} at (0,0) size 276x37 | 142 RenderText {#text} at (0,0) size 276x37 |
| 143 text run at (0,0) width 276: "The 'clear' property" | 143 text run at (0,0) width 276: "The 'clear' property" |
| 144 RenderBlock {P} at (8,87.88) size 298x162 | 144 RenderBlock {P} at (8,87.88) size 298x162 |
| 145 RenderText {#text} at (0,0) size 298x162 | 145 RenderText {#text} at (0,0) size 298x162 |
| 146 text run at (0,0) width 298: "This page has two floating \"m
enus\" on the" | 146 text run at (0,0) width 298: "This page has two floating \"m
enus\" on the" |
| 147 text run at (0,18) width 298: "side; one has a green backgro
und, and the" | 147 text run at (0,18) width 298: "side; one has a green backgro
und, and the" |
| 148 text run at (0,36) width 174: "other a blue background. " | 148 text run at (0,36) width 174: "other a blue background. " |
| 149 text run at (173,36) width 125: "Due to settings on" | 149 text run at (173,36) width 125: "Due to settings on" |
| 150 text run at (0,54) width 298: "the 'float' and 'clear' prope
rties, the two menus" | 150 text run at (0,54) width 298: "the 'float' and 'clear' prope
rties, the two menus" |
| 151 text run at (0,72) width 298: "should appear on the left sid
e of the page, the" | 151 text run at (0,72) width 298: "should appear on the left sid
e of the page, the" |
| 152 text run at (0,90) width 298: "blue below the green. There s
hould be a 10px" | 152 text run at (0,90) width 298: "blue below the green. There s
hould be a 10px" |
| 153 text run at (0,108) width 298: "gap between the two menus. T
here should" | 153 text run at (0,108) width 298: "gap between the two menus. T
here should" |
| 154 text run at (0,126) width 298: "also be a 10px gap between t
he top menu and" | 154 text run at (0,126) width 298: "also be a 10px gap between t
he top menu and" |
| 155 text run at (0,144) width 124: "the top of the page." | 155 text run at (0,144) width 124: "the top of the page." |
| 156 RenderBlock {P} at (8,249.88) size 298x54 | 156 RenderBlock {P} at (8,249.88) size 298x54 |
| 157 RenderText {#text} at (0,0) size 298x54 | 157 RenderText {#text} at (0,0) size 298x54 |
| 158 text run at (0,0) width 298: "The top of the yellow rectangl
e (to which this" | 158 text run at (0,0) width 298: "The top of the yellow rectangl
e (to which this" |
| 159 text run at (0,18) width 298: "paragraph belongs) should be
vertically" | 159 text run at (0,18) width 298: "paragraph belongs) should be
vertically" |
| 160 text run at (0,36) width 275: "aligned with the top of the g
reen rectangle." | 160 text run at (0,36) width 275: "aligned with the top of the g
reen rectangle." |
| OLD | NEW |