1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <title>CSS Test: Background Position: bottom right and the scrolling viewport (fixed)</title>
5 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
6 <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bg-pos-5.html" type="text/html">
7 <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/bg-pos-5-bigger.html" type="text/html">
8 <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background">
9 <meta name="flags" content="interact">
10 <style type="text/css">
11 html { background: bottom right url(support/square-purple.png) fixed white no-repeat; color: black; }
12 html, body { margin: 0; border: 0; padding: 0; }
13 p { margin-bottom: 2em; }
14 pre { line-height: 3em; letter-spacing: 3em; color: silver; white-space: normal; margin: -5em; }
15 </style>
16
17 </head>
18 <body>
19 <p>There should be a single purple square at the bottom right of the
20 viewport. The square should always be completely visible, regardless
21 of where you scroll the viewport. It should not be covered by the
22 scrollbars, if any.</p>
23
24 <pre>this is filler text this is filler text this is filler text this
25 is filler text this is filler text this is filler text this is filler
26 text this is filler text this is filler text this is filler text this
27 is filler text this is filler text this is filler text this is filler
28 text this is filler text this is filler text this is filler text this
29 is filler text this is filler text this is filler text this is filler
30 text this is filler text this is filler text this is filler text this
31 is filler text this is filler text this is filler text this is filler
32 text this is filler text this is filler text this is filler text this
33 is filler text this is filler text this is filler text this is filler
34 text this is filler text this is filler text this is filler text this
35 is filler text this is filler text this is filler text this is filler
36 text this is filler text this is filler text this is filler text this
37 is filler text this is filler text this is filler text this is filler
38 text this is filler text this is filler text this is filler text this
39 is filler text this is filler text this is filler text this is filler
40 text this is filler text this is filler text this is filler text this
41 is filler text this is filler text this is filler text this is filler
42 text this is filler text this is filler text this is filler text this
43 is filler text this is filler text this is filler text this is filler
44 text this is filler text this is filler text this is filler text this
45 is filler text this is filler text this is filler text this is filler
46 text this is filler text this is filler text this is filler text this
47 is filler text this is filler text this is filler text this is filler
48 text this is filler text this is filler text this is filler text this
49 is filler text this is filler text this is filler text this is filler
50 text this is filler text this is filler text this is filler text this
51 is filler text this is filler text this is filler text this is filler
52 text this is filler text this is filler text this is filler text this
53 is filler text this is filler text this is filler text this is filler
54 text this is filler text this is filler text this is filler text this
55 is filler text this is filler text this is filler text this is filler
56 text this is filler text this is filler text this is filler text this
57 is filler text this is filler text this is filler text this is filler
58 text this is filler text this is filler text this is filler text this
59 is filler text this is filler text this is filler text this is filler
60 text this is filler text this is filler text this is filler text this
61 is filler text this is filler text this is filler text this is filler
62 text this is filler text this is filler text this is filler text this
63 is filler text this is filler text this is filler text this is filler
64 text this is filler text this is filler text this is filler text this
65 is filler text this is filler text this is filler text this is filler
66 text this is filler text this is filler text this is filler text this
67 is filler text this is filler text this is filler text this is filler
68 text this is filler text this is filler text this is filler text this
69 is filler text this is filler text this is filler text this is filler
70 text this is filler text this is filler text this is filler text this
71 is filler text this is filler text this is filler text this is filler
72 text this is filler text this is filler text this is filler text this
73 is filler text this is filler text this is filler text this is filler
74 text this is filler text this is filler text this is filler text this
75 is filler text this is filler text this is filler text this is filler
76 text this is filler text this is filler text this is filler text this
77 is filler text this is filler text this is filler text this is filler
78 text this is filler text this is filler text this is filler text this
79 is filler text this is filler text this is filler text this is filler
80 text this is filler text this is filler text this is filler text this
81 is filler text this is filler text this is filler text this is filler
82 text this is filler text this is filler text this is filler text this
83 is filler text this is filler text this is filler text this is filler
84 text this is filler text this is filler text this is filler text this
85 is filler text this is filler text this is filler text this is filler
86 text this is filler text this is filler text this is filler text this
87 is filler text this is filler text this is filler text this is filler
88 text this is filler text this is filler text this is filler text this
89 is filler text this is filler text this is filler text this is filler
90 text this is filler text this is filler text this is filler text this
91 is filler text this is filler text this is filler text this is filler
92 text this is filler text this is filler text this is filler text this
93 is filler text this is filler text this is filler text this is filler
94 text this is filler text this is filler text this is filler text this
95 is filler text this is filler text this is filler text this is filler
96 text this is filler text this is filler text this is filler text this
97 is filler text this is filler text this is filler text this is filler
98 text this is filler text this is filler text this is filler text this
99 is filler text this is filler text this is filler text this is filler
100 text this is filler text this is filler text this is filler text this
101 is filler text this is filler text this is filler text this is filler
102 text this is filler text this is filler text this is filler text this
103 is filler text this is filler text this is filler text this is filler
104 text<p></p>
105 </pre></body>
106 </html>