comparison wiki/htdocs/common/ie7/test.html @ 0:77665d8e2254

tag of nonpublic@localhost--archive/moin--enterprise--1.5--base-0 (automatically generated log message) imported from: moin--main--1.5--base-0
author Thomas Waldmann <tw-public@gmx.de>
date Thu, 22 Sep 2005 15:09:50 +0000
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:77665d8e2254
1 <html xmlns:html="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
2 <head>
3 <title>IE7 Test Page</title>
4 <meta name="author" content="Dean Edwards"/>
5 <!-- compliance patch for microsoft browsers -->
6 <!--[if lt IE 7]>
7 <script src="ie7-standard-p.js" type="text/javascript"></script>
8 <script src="ie7-css3-selectors.js" type="text/javascript"></script>
9 <script src="ie7-css-strict.js" type="text/javascript"></script>
10 <![endif]-->
11 <style type="text/css">
12 body {background-color: #ccc;}
13 img {border: none;}
14 h1 {font-family: monospace;}
15 h2 {background-color: black; color: white; font-style: normal;}
16 h3 {margin: 0.1em 0;}
17 </style>
18 </head>
19
20 <body>
21 <div class="document">
22 <div class="header">
23 <h1>IE7 { css2: auto; }</h1>
24 <hr />
25 </div>
26
27 <div class="content">
28
29 <h2>Black &amp; White Test</h2>
30
31 <h3>Legend</h3>
32 <style type="text/css">
33 div.legend {height: 20px; font-weight: bold; text-indent: 4px;}
34 #fail {background-color: black; color: white;}
35 #pass {background-color: white; color: black;}
36 </style>
37 <div class="legend" id="pass">PASS</div>
38 <div class="legend" id="fail">FAIL</div>
39
40 <hr />
41
42 <h3>ie7-html4.js</h3>
43 <style type="text/css">
44 #ie7-html4 {background-color: black; height: 20px;}
45 #ie7-html4 abbr {display: block; background-color: white; height: 20px;}
46 </style>
47 <div id="ie7-html4"><abbr>&nbsp;</abbr></div>
48
49 <h3>ie7-layout.js</h3>
50 <style type="text/css">
51 #ie7-layout {background-color: black; height: 20px; overflow: hidden;}
52 #ie7-layout div.box {position: relative; top: -40px; background-color: white;
53 height: 40px; border-top: 20px black solid;}
54 </style>
55 <div id="ie7-layout"><div class="box"></div></div>
56
57 <h3>ie7-graphics.js</h3>
58 <style type="text/css">
59 #ie7-graphics {background-color: white; height: 20px;}
60 #ie7-graphics div.box {height: 20px; background: url(test-trans.png);}
61 </style>
62 <div id="ie7-graphics"><div class="box"></div></div>
63
64 <h3>ie7-fixed.js</h3>
65 <style type="text/css">
66 #ie7-fixed {background-color: white; height: 20px;}
67 #ie7-fixed div.box {position: fixed; top: -20px; background-color: black; height: 20px;}
68 </style>
69 <div id="ie7-fixed"><div class="box"></div></div>
70
71 <h3>ie7-css2-selectors.js</h3>
72 <style type="text/css">
73 #ie7-css2-selectors {background-color: black; height: 20px;}
74 #ie7-css2-selectors > span {display: block; background-color: white; height: 20px;}
75 </style>
76 <div id="ie7-css2-selectors"><span>&nbsp</span></div>
77
78 <h3>ie7-css3-selectors.js</h3>
79 <style type="text/css">
80 #ie7-css3-selectors {background-color: black; height: 20px;}
81 #ie7-css3-selectors:empty {background-color: white;}
82 </style>
83 <div id="ie7-css3-selectors"></div>
84
85 <h3>ie7-css-strict.js</h3>
86 <style type="text/css">
87 #ie7-css-strict {background-color: black; height: 20px;}
88 #ie7-css-strict > span.strict {display: block; background-color: white; height: 20px;}
89 #ie7-css-strict > span {display: block; background-color: black}
90 </style>
91 <div id="ie7-css-strict"><span class="strict"></span></div>
92 </div>
93
94 <div class="footer">
95 <hr />
96 <a href="http://dean.edwards.name/IE7/"><img src="ie7.gif" width="80" height="15" alt="IE7 Enhanced"/></a>
97 </div>
98 </div>
99 </body>
100 </html>