CodeView

IE8 max-width fix

ie8_fix_maxwidth.html

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Testing a fix for the IE8 max-width bug: ie8_fix_maxwidth.js</title>
    <style type="text/css">
 
        .testStage img {
            padding: 0;
            margin: 0;
            vertical-align: bottom;
        }
 
        .testStage {
            margin-bottom: 50px;
            border: 1px dotted red;
        }
 
    </style>
 
    <!--<script src="http://code.jquery.com/jquery-latest.js"></script>-->
    <script src="http://code.jquery.com/jquery-1.6.2.js" type="text/javascript"></script>
 
    <link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.0.0.css" type="text/css" media="screen" />
    <script type="text/javascript" src="http://code.jquery.com/qunit/qunit-1.0.0.js"></script>
    <script type="text/javascript" src="/it/code/get/jquery-promises/prod/promises.js"></script>
    <script type="text/javascript" src="/it/code/get/qunit-cacheable-resources/testmanager.js"></script>
 
    <!-- Script under test: will be loaded by the tests -->
    <!--<script src="/it/code/get/ie8-max-width-fix/prod/ie8_fix_maxwidth.js" type="text/javascript"></script>-->
 
    <!-- Tests -->
    <script src="/it/code/get/ie8-max-width-fix/tests/ie8-fix-maxwidth-test.js" type="text/javascript"></script>
 
</head>
<body>
    <h1 id="qunit-header">Testing a fix for the IE8 max-width bug: ie8_fix_maxwidth.js</h1>
    <h2 id="qunit-banner"></h2>
    <div id="qunit-testrunner-toolbar"></div>
    <h2 id="qunit-userAgent"></h2>
    <ol id="qunit-tests"></ol>
    <div id="qunit-fixture-nocleanup"></div>
</body>
</html>
---