add the magic <meta> tag for IE8+9

[dygraphs.git] / tests / border.html
diff --git a/tests/border.html b/tests/border.html

index 7895cb9..9079448 100644 (file)
--- a/tests/border.html
+++ b/tests/border.html
@@ -1,16 +1,19 @@
+<!DOCTYPE html>
  <html>
    <head>
+    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
      <title>gadget border</title>
      <!--[if IE]>
-    <script type="text/javascript" src="excanvas.js"></script>
+    <script type="text/javascript" src="../excanvas.js"></script>
      <![endif]-->
-    <script type="text/javascript" src="../dygraph-combined.js"></script>
+    <script type="text/javascript" src="../strftime/strftime-min.js"></script>
+    <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
      <script type="text/javascript" src="../dygraph-canvas.js"></script>
      <script type="text/javascript" src="../dygraph.js"></script>
      <script type="text/javascript" src="data.js"></script>
      <style type="text/css">
      #bordered {
-      border: 1px solid black;
+      border: 1px solid red;
      }
      </style>
    </head>
@@ -18,7 +21,10 @@
      <p>Hopefully this stays in its border:</p>
      <div id="bordered" style="width:600px; height:300px;"></div>
      <script type="text/javascript">
-    new Dygraph(document.getElementById('bordered'), data);
+    new Dygraph(document.getElementById('bordered'), data,
+    {
+      labelsDivStyles: { border: '1px solid black' }
+    });
      </script>
    </body>
  </html>