CODEWITHSUNDEEP
htmlcssinternet-explorer-8
ConorBaumgart
ConorBaumgart

Reputation: 513

CSS not showing or working while emulating IE8

So I have the following stripped down version of my code:

<!DOCTYPE html>
    <head>
        <title>Portfolio Export</title>
        <style type="text/css">
            .mainBody {
                padding: 25px;
            }
        </style>
    </head>
    <body>
        <form class="mainBody" method="post" action="test_action.cfm">
            <p>Is the User Active?</p>
            <label>
                <input type="checkbox" name="userActive" value="1">
                User is Active
            </label>
            <input type="submit" value="Enter">
        </form>
    </body>
</html>

This is the html for a cfwindow pop up modal that works great on Chrome, FireFox, IE9-Edge, and Safari. But when I open the F12 Developer Tools, go to Emulation and change the Document mode to 8, the CSS goes away. It doesn't even show up in the Styles section of the DOM Explorer. Does anyone have any idea why this isn't working?

Upvotes: 0

Views: 70

Answers (1)

Adrian J. Moreno
Adrian J. Moreno

Reputation: 14859

It probably comes down to the fact that MSIE 8 doesn't support CSS the way newer browsers do. You'd probably have to add a <div> or other block container around the form and put your padding there.

You need to speak to your bosses and make sure they understand that Microsoft has ended support for MSIE 8, 9 and 10 as of January 12, 2016.

https://www.microsoft.com/en-us/WindowsForBusiness/End-of-IE-support

Beginning January 12, 2016, only the most current version of Internet Explorer available for a supported operating system will receive technical supports and security updates. Internet Explorer 11 is the last version of Internet Explorer, and will continue to receive security updates, compatibility fixes, and technical support on Windows 7, Windows 8.1, and Windows 10.

My company does a yearly review of the state of browsers, as well as monitor stats related to which browsers access our collection of sites. We made sure to alert our customers to Microsoft's plans over a year ago, so that they were aware of our plans to end support for those browsers as well. We make sure that QA is aware of the road ahead and they adjust their testing scripts accordingly.

We still support MSIE 9, but only until the one major client using it finishes their migration later this year.

Upvotes: 1

Related Questions