1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
|
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x518
LayoutBlockFlow {HTML} at (0,0) size 800x517.53
layer at (173,32) size 454x454
LayoutBlockFlow (relative positioned) {BODY} at (173.23,32) size 453.53x453.53 [color=#FFFFFF] [bgcolor=#DD6600]
LayoutBlockFlow {DIV} at (0,0) size 453.53x0
LayoutBlockFlow {DIV} at (0,0) size 453.53x0
LayoutBlockFlow {DIV} at (0,0) size 453.53x0
LayoutBlockFlow {DIV} at (0,0) size 453.53x0
LayoutInline {SPAN} at (0,0) size 0x0
LayoutBlockFlow {DIV} at (0,0) size 453.53x0
LayoutInline {SPAN} at (0,0) size 0x0
LayoutBlockFlow {DIV} at (0,0) size 453.53x0
LayoutInline {SPAN} at (0,0) size 0x0
LayoutBlockFlow {DIV} at (0,0) size 453.53x0
LayoutInline {SPAN} at (0,0) size 0x0
LayoutBlockFlow {DIV} at (0,0) size 453.53x0
LayoutInline {SPAN} at (0,0) size 0x0
LayoutBlockFlow {DIV} at (0,0) size 453.53x0
LayoutInline {SPAN} at (0,0) size 0x0
layer at (173,47) size 454x190
LayoutBlockFlow (positioned) {H1} at (0,15.11) size 453.53x190 [color=#DD9955]
LayoutInline {SPAN} at (0,0) size 341x190
LayoutText {#text} at (64,0) size 341x190
text run at (64,0) width 326: "CSS ZEN"
text run at (56,95) width 341: "GARDEN"
layer at (173,119) size 454x22
LayoutBlockFlow (positioned) {H2} at (0,87.47) size 453.53x22 [color=#EEFF00]
LayoutInline {SPAN} at (0,0) size 203x21
LayoutText {#text} at (125,0) size 112x21
text run at (125,0) width 112: "The Beauty of "
LayoutInline {ACRONYM} at (0,0) size 36x21
LayoutText {#text} at (236,0) size 36x21
text run at (236,0) width 36: "CSS"
LayoutText {#text} at (271,0) size 57x21
text run at (271,0) width 57: " Design"
layer at (173,351) size 454x135
LayoutBlockFlow (positioned) {DIV} at (0,319.34) size 453.53x134.19
LayoutInline {P} at (0,0) size 431x28
LayoutInline {SPAN} at (0,0) size 431x28
LayoutText {#text} at (11,0) size 431x28
text run at (11,0) width 431: "Littering a dark and dreary road lay the past relics of browser-"
text run at (11,14) width 197: "specific tags, incompatible "
LayoutInline {ACRONYM} at (0,0) size 33x14
LayoutText {#text} at (207,14) size 33x14
text run at (207,14) width 33: "DOM"
LayoutText {#text} at (239,14) size 112x14
text run at (239,14) width 112: "s, and broken "
LayoutInline {ACRONYM} at (0,0) size 28x14
LayoutText {#text} at (350,14) size 28x14
text run at (350,14) width 28: "CSS"
LayoutText {#text} at (377,14) size 65x14
text run at (377,14) width 65: " support."
LayoutText {#text} at (0,0) size 0x0
LayoutInline {P} at (0,0) size 431x42
LayoutInline {SPAN} at (0,0) size 431x42
LayoutText {#text} at (11,28) size 431x42
text run at (11,28) width 431: "Today, we must clear the mind of past practices. Web"
text run at (11,42) width 431: "enlightenment has been achieved thanks to the tireless efforts of"
text run at (11,56) width 89: "folk like the "
LayoutInline {ACRONYM} at (0,0) size 33x14
LayoutText {#text} at (99,56) size 33x14
text run at (99,56) width 33: "W3C"
LayoutText {#text} at (131,56) size 11x14
text run at (131,56) width 11: ", "
LayoutInline {ACRONYM} at (0,0) size 41x14
LayoutText {#text} at (141,56) size 41x14
text run at (141,56) width 41: "WaSP"
LayoutText {#text} at (181,56) size 230x14
text run at (181,56) width 230: " and the major browser creators."
LayoutText {#text} at (410,56) size 8x14
text run at (410,56) width 8: " "
LayoutInline {P} at (0,0) size 431x70
LayoutInline {SPAN} at (0,0) size 431x70
LayoutText {#text} at (417,56) size 431x70
text run at (417,56) width 25: "The"
text run at (11,70) width 431: "css Zen Garden invites you to relax and meditate on the"
text run at (11,84) width 431: "important lessons of the masters. Begin to see with clarity. Learn"
text run at (11,98) width 431: "to use the (yet to be) time-honored techniques in new and"
text run at (11,112) width 314: "invigorating fashion. Become one with the web."
LayoutText {#text} at (0,0) size 0x0
layer at (321,235) size 306x80
LayoutBlockFlow (positioned) {H3} at (148.19,-115.88) size 305.34x80 [color=#CCCC77] [bgcolor=#888811] [border: (3px solid #888811) none (3px solid #888811)]
LayoutInline {SPAN} at (0,0) size 277x83
LayoutText {#text} at (45,-2) size 277x83
text run at (45,-2) width 231: "The Road to"
text run at (3,35) width 277: "Enlightenment"
|