OLD | NEW |
| (Empty) |
1 layer at (0,0) size 800x600 | |
2 LayoutView at (0,0) size 800x600 | |
3 layer at (0,0) size 800x600 | |
4 LayoutBlockFlow {HTML} at (0,0) size 800x600 | |
5 LayoutBlockFlow {BODY} at (0,0) size 800x600 | |
6 layer at (0,0) size 800x600 | |
7 LayoutBlockFlow (relative positioned) {DIV} at (0,0) size 800x600 | |
8 LayoutBlockFlow {DIV} at (0,0) size 800x220 [bgcolor=#6CAAD9] | |
9 LayoutBlockFlow {H1} at (10,10) size 780x30 | |
10 LayoutText {#text} at (0,2) size 51x14 | |
11 text run at (0,2) width 51: "Content" | |
12 LayoutBlockFlow {P} at (10,40) size 780x30 | |
13 LayoutText {#text} at (0,2) size 499x14 | |
14 text run at (0,2) width 499: "Please resize the browser window to see
how your 100% CSS footer behaves." | |
15 LayoutBlockFlow {P} at (10,70) size 780x102 | |
16 LayoutText {#text} at (0,2) size 775x86 | |
17 text run at (0,2) width 738: "Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Cras porttitor. Ut nonummy vestibulum arcu. Nulla eros eros," | |
18 text run at (0,20) width 775: "mattis et, dictum quis, convallis vel,
mauris. Ut sed mauris vel metus pretium pretium. Curabitur tristique sem id just
o. Nunc" | |
19 text run at (0,38) width 745: "sit amet felis. Duis luctus pharetra ur
na. Sed enim arcu, cursus a, posuere sed, sollicitudin in, justo. Pellentesque e
nim" | |
20 text run at (0,56) width 728: "lacus, egestas ut, elementum eu, molest
ie vel, urna. Integer quam. Phasellus tempor. Sed commodo porttitor justo." | |
21 text run at (0,74) width 617: "Vestibulum rhoncus lacinia pede. Aliqua
m lectus velit, auctor a, fermentum a, accumsan et, neque." | |
22 layer at (0,562) size 620x38 | |
23 LayoutBlockFlow (positioned) {DIV} at (0,562) size 620x38 [bgcolor=#0066B2] | |
24 LayoutBlockFlow {H1} at (10,10) size 600x18 [color=#FFFFFF] | |
25 LayoutText {#text} at (0,2) size 43x14 | |
26 text run at (0,2) width 43: "Footer" | |
OLD | NEW |