website/inc/IE7/test.html

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