OLD | NEW |
1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 800x424 | 3 layer at (0,0) size 800x424 |
4 RenderBlock {HTML} at (0,0) size 800x423.88 | 4 RenderBlock {HTML} at (0,0) size 800x423.88 |
5 RenderBody {BODY} at (8,21.44) size 784x386.44 | 5 RenderBody {BODY} at (8,21.44) size 784x386.44 |
6 RenderBlock {H1} at (0,0) size 784x37 | 6 RenderBlock {H1} at (0,0) size 784x37 |
7 RenderText {#text} at (0,0) size 455x36 | 7 RenderText {#text} at (0,0) size 455x36 |
8 text run at (0,0) width 455: "Minimum and Maximum Widths" | 8 text run at (0,0) width 455: "Minimum and Maximum Widths" |
9 RenderBlock {DIV} at (0,58.44) size 784x24 [border: (3px solid #800080)] | 9 RenderBlock {DIV} at (0,58.44) size 784x24 [border: (3px solid #800080)] |
10 RenderText {#text} at (3,3) size 33x17 | 10 RenderText {#text} at (3,3) size 33x17 |
11 text run at (3,3) width 33: "This " | 11 text run at (3,3) width 33: "This " |
12 RenderInline {CODE} at (0,0) size 24x15 | 12 RenderInline {CODE} at (0,0) size 25x16 |
13 RenderText {#text} at (35,6) size 24x15 | 13 RenderText {#text} at (35,5) size 25x16 |
14 text run at (35,6) width 24: "div" | 14 text run at (35,5) width 25: "div" |
15 RenderText {#text} at (58,3) size 418x17 | 15 RenderText {#text} at (59,3) size 418x17 |
16 text run at (58,3) width 418: " should have a medium solid purple bord
er, as should all the rest." | 16 text run at (59,3) width 418: " should have a medium solid purple bord
er, as should all the rest." |
17 RenderBlock {DIV} at (0,82.44) size 319.59x60 [border: (3px solid #800080)
] | 17 RenderBlock {DIV} at (0,82.44) size 319.59x60 [border: (3px solid #800080)
] |
18 RenderText {#text} at (3,3) size 33x17 | 18 RenderText {#text} at (3,3) size 33x17 |
19 text run at (3,3) width 33: "This " | 19 text run at (3,3) width 33: "This " |
20 RenderInline {CODE} at (0,0) size 24x15 | 20 RenderInline {CODE} at (0,0) size 25x16 |
21 RenderText {#text} at (35,6) size 24x15 | 21 RenderText {#text} at (35,5) size 25x16 |
22 text run at (35,6) width 24: "div" | 22 text run at (35,5) width 25: "div" |
23 RenderText {#text} at (58,3) size 302x35 | 23 RenderText {#text} at (59,3) size 302x35 |
24 text run at (58,3) width 192: " should have a width of 40%. " | 24 text run at (59,3) width 192: " should have a width of 40%. " |
25 text run at (249,3) width 56: "This is a" | 25 text run at (250,3) width 55: "This is a" |
26 text run at (3,21) width 64: "reference " | 26 text run at (3,21) width 64: "reference " |
27 RenderInline {CODE} at (0,0) size 24x15 | 27 RenderInline {CODE} at (0,0) size 25x16 |
28 RenderText {#text} at (66,24) size 24x15 | 28 RenderText {#text} at (66,23) size 25x16 |
29 text run at (66,24) width 24: "div" | 29 text run at (66,23) width 25: "div" |
30 RenderText {#text} at (89,21) size 183x17 | 30 RenderText {#text} at (90,21) size 183x17 |
31 text run at (89,21) width 183: " and should work as long as " | 31 text run at (90,21) width 183: " and should work as long as " |
32 RenderInline {CODE} at (0,0) size 40x15 | 32 RenderInline {CODE} at (0,0) size 41x16 |
33 RenderText {#text} at (271,24) size 40x15 | 33 RenderText {#text} at (272,23) size 41x16 |
34 text run at (271,24) width 40: "width" | 34 text run at (272,23) width 41: "width" |
35 RenderText {#text} at (3,39) size 44x17 | 35 RenderText {#text} at (3,39) size 44x17 |
36 text run at (3,39) width 44: "works." | 36 text run at (3,39) width 44: "works." |
37 RenderBlock {DIV} at (0,142.44) size 319.59x24 [border: (3px solid #800080
)] | 37 RenderBlock {DIV} at (0,142.44) size 319.59x24 [border: (3px solid #800080
)] |
38 RenderText {#text} at (3,3) size 33x17 | 38 RenderText {#text} at (3,3) size 33x17 |
39 text run at (3,3) width 33: "This " | 39 text run at (3,3) width 33: "This " |
40 RenderInline {CODE} at (0,0) size 24x15 | 40 RenderInline {CODE} at (0,0) size 25x16 |
41 RenderText {#text} at (35,6) size 24x15 | 41 RenderText {#text} at (35,5) size 25x16 |
42 text run at (35,6) width 24: "div" | 42 text run at (35,5) width 25: "div" |
43 RenderText {#text} at (58,3) size 188x17 | 43 RenderText {#text} at (59,3) size 188x17 |
44 text run at (58,3) width 188: " should have a width of 40%." | 44 text run at (59,3) width 188: " should have a width of 40%." |
45 RenderBlock {DIV} at (0,166.44) size 319.59x24 [border: (3px solid #800080
)] | 45 RenderBlock {DIV} at (0,166.44) size 319.59x24 [border: (3px solid #800080
)] |
46 RenderText {#text} at (3,3) size 33x17 | 46 RenderText {#text} at (3,3) size 33x17 |
47 text run at (3,3) width 33: "This " | 47 text run at (3,3) width 33: "This " |
48 RenderInline {CODE} at (0,0) size 24x15 | 48 RenderInline {CODE} at (0,0) size 25x16 |
49 RenderText {#text} at (35,6) size 24x15 | 49 RenderText {#text} at (35,5) size 25x16 |
50 text run at (35,6) width 24: "div" | 50 text run at (35,5) width 25: "div" |
51 RenderText {#text} at (58,3) size 188x17 | 51 RenderText {#text} at (59,3) size 188x17 |
52 text run at (58,3) width 188: " should have a width of 40%." | 52 text run at (59,3) width 188: " should have a width of 40%." |
53 RenderBlock {DIV} at (0,190.44) size 319.59x24 [border: (3px solid #800080
)] | 53 RenderBlock {DIV} at (0,190.44) size 319.59x24 [border: (3px solid #800080
)] |
54 RenderText {#text} at (3,3) size 33x17 | 54 RenderText {#text} at (3,3) size 33x17 |
55 text run at (3,3) width 33: "This " | 55 text run at (3,3) width 33: "This " |
56 RenderInline {CODE} at (0,0) size 24x15 | 56 RenderInline {CODE} at (0,0) size 25x16 |
57 RenderText {#text} at (35,6) size 24x15 | 57 RenderText {#text} at (35,5) size 25x16 |
58 text run at (35,6) width 24: "div" | 58 text run at (35,5) width 25: "div" |
59 RenderText {#text} at (58,3) size 188x17 | 59 RenderText {#text} at (59,3) size 188x17 |
60 text run at (58,3) width 188: " should have a width of 40%." | 60 text run at (59,3) width 188: " should have a width of 40%." |
61 RenderBlock {DIV} at (0,214.44) size 319.59x24 [border: (3px solid #800080
)] | 61 RenderBlock {DIV} at (0,214.44) size 319.59x24 [border: (3px solid #800080
)] |
62 RenderText {#text} at (3,3) size 33x17 | 62 RenderText {#text} at (3,3) size 33x17 |
63 text run at (3,3) width 33: "This " | 63 text run at (3,3) width 33: "This " |
64 RenderInline {CODE} at (0,0) size 24x15 | 64 RenderInline {CODE} at (0,0) size 25x16 |
65 RenderText {#text} at (35,6) size 24x15 | 65 RenderText {#text} at (35,5) size 25x16 |
66 text run at (35,6) width 24: "div" | 66 text run at (35,5) width 25: "div" |
67 RenderText {#text} at (58,3) size 188x17 | 67 RenderText {#text} at (59,3) size 188x17 |
68 text run at (58,3) width 188: " should have a width of 40%." | 68 text run at (59,3) width 188: " should have a width of 40%." |
69 RenderBlock {DIV} at (0,238.44) size 319.59x24 [border: (3px solid #800080
)] | 69 RenderBlock {DIV} at (0,238.44) size 319.59x24 [border: (3px solid #800080
)] |
70 RenderText {#text} at (3,3) size 33x17 | 70 RenderText {#text} at (3,3) size 33x17 |
71 text run at (3,3) width 33: "This " | 71 text run at (3,3) width 33: "This " |
72 RenderInline {CODE} at (0,0) size 24x15 | 72 RenderInline {CODE} at (0,0) size 25x16 |
73 RenderText {#text} at (35,6) size 24x15 | 73 RenderText {#text} at (35,5) size 25x16 |
74 text run at (35,6) width 24: "div" | 74 text run at (35,5) width 25: "div" |
75 RenderText {#text} at (58,3) size 188x17 | 75 RenderText {#text} at (59,3) size 188x17 |
76 text run at (58,3) width 188: " should have a width of 40%." | 76 text run at (59,3) width 188: " should have a width of 40%." |
77 RenderBlock {DIV} at (0,262.44) size 319.59x24 [border: (3px solid #800080
)] | 77 RenderBlock {DIV} at (0,262.44) size 319.59x24 [border: (3px solid #800080
)] |
78 RenderText {#text} at (3,3) size 33x17 | 78 RenderText {#text} at (3,3) size 33x17 |
79 text run at (3,3) width 33: "This " | 79 text run at (3,3) width 33: "This " |
80 RenderInline {CODE} at (0,0) size 24x15 | 80 RenderInline {CODE} at (0,0) size 25x16 |
81 RenderText {#text} at (35,6) size 24x15 | 81 RenderText {#text} at (35,5) size 25x16 |
82 text run at (35,6) width 24: "div" | 82 text run at (35,5) width 25: "div" |
83 RenderText {#text} at (58,3) size 188x17 | 83 RenderText {#text} at (59,3) size 188x17 |
84 text run at (58,3) width 188: " should have a width of 40%." | 84 text run at (59,3) width 188: " should have a width of 40%." |
85 RenderBlock {DIV} at (0,286.44) size 319.59x24 [border: (3px solid #800080
)] | 85 RenderBlock {DIV} at (0,286.44) size 319.59x24 [border: (3px solid #800080
)] |
86 RenderText {#text} at (3,3) size 33x17 | 86 RenderText {#text} at (3,3) size 33x17 |
87 text run at (3,3) width 33: "This " | 87 text run at (3,3) width 33: "This " |
88 RenderInline {CODE} at (0,0) size 24x15 | 88 RenderInline {CODE} at (0,0) size 25x16 |
89 RenderText {#text} at (35,6) size 24x15 | 89 RenderText {#text} at (35,5) size 25x16 |
90 text run at (35,6) width 24: "div" | 90 text run at (35,5) width 25: "div" |
91 RenderText {#text} at (58,3) size 188x17 | 91 RenderText {#text} at (59,3) size 188x17 |
92 text run at (58,3) width 188: " should have a width of 40%." | 92 text run at (59,3) width 188: " should have a width of 40%." |
93 RenderBlock {DIV} at (0,310.44) size 319.59x24 [border: (3px solid #800080
)] | 93 RenderBlock {DIV} at (0,310.44) size 319.59x24 [border: (3px solid #800080
)] |
94 RenderText {#text} at (3,3) size 33x17 | 94 RenderText {#text} at (3,3) size 33x17 |
95 text run at (3,3) width 33: "This " | 95 text run at (3,3) width 33: "This " |
96 RenderInline {CODE} at (0,0) size 24x15 | 96 RenderInline {CODE} at (0,0) size 25x16 |
97 RenderText {#text} at (35,6) size 24x15 | 97 RenderText {#text} at (35,5) size 25x16 |
98 text run at (35,6) width 24: "div" | 98 text run at (35,5) width 25: "div" |
99 RenderText {#text} at (58,3) size 188x17 | 99 RenderText {#text} at (59,3) size 188x17 |
100 text run at (58,3) width 188: " should have a width of 40%." | 100 text run at (59,3) width 188: " should have a width of 40%." |
101 RenderBlock {P} at (0,350.44) size 784x36 | 101 RenderBlock {P} at (0,350.44) size 784x36 |
102 RenderText {#text} at (0,0) size 204x17 | 102 RenderText {#text} at (0,0) size 204x17 |
103 text run at (0,0) width 204: "If the browser does not support " | 103 text run at (0,0) width 204: "If the browser does not support " |
104 RenderInline {CODE} at (0,0) size 71x15 | 104 RenderInline {CODE} at (0,0) size 73x16 |
105 RenderText {#text} at (203,3) size 71x15 | 105 RenderText {#text} at (203,2) size 73x16 |
106 text run at (203,3) width 71: "min-width" | 106 text run at (203,2) width 73: "min-width" |
107 RenderText {#text} at (273,0) size 32x17 | 107 RenderText {#text} at (275,0) size 32x17 |
108 text run at (273,0) width 32: " and " | 108 text run at (275,0) width 32: " and " |
109 RenderInline {CODE} at (0,0) size 72x15 | 109 RenderInline {CODE} at (0,0) size 73x16 |
110 RenderText {#text} at (304,3) size 72x15 | 110 RenderText {#text} at (306,2) size 73x16 |
111 text run at (304,3) width 72: "max-width" | 111 text run at (306,2) width 73: "max-width" |
112 RenderText {#text} at (375,0) size 176x17 | 112 RenderText {#text} at (378,0) size 177x17 |
113 text run at (375,0) width 176: ", then the widths should be " | 113 text run at (378,0) width 177: ", then the widths should be " |
114 RenderInline {CODE} at (0,0) size 32x15 | 114 RenderInline {CODE} at (0,0) size 33x16 |
115 RenderText {#text} at (550,3) size 32x15 | 115 RenderText {#text} at (554,2) size 33x16 |
116 text run at (550,3) width 32: "auto" | 116 text run at (554,2) width 33: "auto" |
117 RenderText {#text} at (581,0) size 9x17 | 117 RenderText {#text} at (586,0) size 9x17 |
118 text run at (581,0) width 9: ", " | 118 text run at (586,0) width 9: ", " |
119 RenderInline {CODE} at (0,0) size 25x15 | 119 RenderInline {CODE} at (0,0) size 25x16 |
120 RenderText {#text} at (589,3) size 25x15 | 120 RenderText {#text} at (594,2) size 25x16 |
121 text run at (589,3) width 25: "40%" | 121 text run at (594,2) width 25: "40%" |
122 RenderText {#text} at (613,0) size 9x17 | 122 RenderText {#text} at (618,0) size 9x17 |
123 text run at (613,0) width 9: ", " | 123 text run at (618,0) width 9: ", " |
124 RenderInline {CODE} at (0,0) size 24x15 | 124 RenderInline {CODE} at (0,0) size 25x16 |
125 RenderText {#text} at (621,3) size 24x15 | 125 RenderText {#text} at (626,2) size 25x16 |
126 text run at (621,3) width 24: "30%" | 126 text run at (626,2) width 25: "30%" |
127 RenderText {#text} at (644,0) size 9x17 | 127 RenderText {#text} at (650,0) size 9x17 |
128 text run at (644,0) width 9: ", " | 128 text run at (650,0) width 9: ", " |
129 RenderInline {CODE} at (0,0) size 24x15 | 129 RenderInline {CODE} at (0,0) size 25x16 |
130 RenderText {#text} at (652,3) size 24x15 | 130 RenderText {#text} at (658,2) size 25x16 |
131 text run at (652,3) width 24: "50%" | 131 text run at (658,2) width 25: "50%" |
132 RenderText {#text} at (675,0) size 9x17 | 132 RenderText {#text} at (682,0) size 9x17 |
133 text run at (675,0) width 9: ", " | 133 text run at (682,0) width 9: ", " |
134 RenderInline {CODE} at (0,0) size 25x15 | 134 RenderInline {CODE} at (0,0) size 25x16 |
135 RenderText {#text} at (683,3) size 25x15 | 135 RenderText {#text} at (690,2) size 25x16 |
136 text run at (683,3) width 25: "50%" | 136 text run at (690,2) width 25: "50%" |
137 RenderText {#text} at (707,0) size 9x17 | 137 RenderText {#text} at (714,0) size 9x17 |
138 text run at (707,0) width 9: ", " | 138 text run at (714,0) width 9: ", " |
139 RenderInline {CODE} at (0,0) size 24x15 | 139 RenderInline {CODE} at (0,0) size 25x16 |
140 RenderText {#text} at (715,3) size 24x15 | 140 RenderText {#text} at (722,2) size 25x16 |
141 text run at (715,3) width 24: "40%" | 141 text run at (722,2) width 25: "40%" |
142 RenderText {#text} at (738,0) size 9x17 | 142 RenderText {#text} at (746,0) size 9x17 |
143 text run at (738,0) width 9: ", " | 143 text run at (746,0) width 9: ", " |
144 RenderInline {CODE} at (0,0) size 25x15 | 144 RenderInline {CODE} at (0,0) size 25x16 |
145 RenderText {#text} at (746,3) size 25x15 | 145 RenderText {#text} at (754,2) size 25x16 |
146 text run at (746,3) width 25: "30%" | 146 text run at (754,2) width 25: "30%" |
147 RenderText {#text} at (770,0) size 5x17 | 147 RenderText {#text} at (778,0) size 5x17 |
148 text run at (770,0) width 5: "," | 148 text run at (778,0) width 5: "," |
149 RenderInline {CODE} at (0,0) size 24x15 | 149 RenderInline {CODE} at (0,0) size 24x16 |
150 RenderText {#text} at (0,21) size 24x15 | 150 RenderText {#text} at (0,20) size 24x16 |
151 text run at (0,21) width 24: "40%" | 151 text run at (0,20) width 24: "40%" |
152 RenderText {#text} at (23,18) size 9x17 | 152 RenderText {#text} at (24,18) size 8x17 |
153 text run at (23,18) width 9: ", " | 153 text run at (24,18) width 8: ", " |
154 RenderInline {CODE} at (0,0) size 32x15 | 154 RenderInline {CODE} at (0,0) size 32x16 |
155 RenderText {#text} at (31,21) size 32x15 | 155 RenderText {#text} at (32,20) size 32x16 |
156 text run at (31,21) width 32: "auto" | 156 text run at (32,20) width 32: "auto" |
157 RenderText {#text} at (62,18) size 198x17 | 157 RenderText {#text} at (64,18) size 197x17 |
158 text run at (62,18) width 198: " (with 70% margin-right), and " | 158 text run at (64,18) width 197: " (with 70% margin-right), and " |
159 RenderInline {CODE} at (0,0) size 32x15 | 159 RenderInline {CODE} at (0,0) size 33x16 |
160 RenderText {#text} at (259,21) size 32x15 | 160 RenderText {#text} at (260,20) size 33x16 |
161 text run at (259,21) width 32: "auto" | 161 text run at (260,20) width 33: "auto" |
162 RenderText {#text} at (290,18) size 5x17 | 162 RenderText {#text} at (292,18) size 5x17 |
163 text run at (290,18) width 5: "." | 163 text run at (292,18) width 5: "." |
OLD | NEW |