source: trunk/spip/esqueleto-redcta/plugins/magusine/ie7/test.html @ 162

Last change on this file since 162 was 80, checked in by guille, 16 years ago

el plugin completo
File size: 3.0 KB
Line 
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>
Note: See TracBrowser for help on using the repository browser.