CODEWITHSUNDEEP
cssinternet-explorerprintingmedia
Kyle
Kyle

Reputation: 109

Internet Explorer applying all stylesheets to webpage while printing, regardless of media type

I am experiencing a strange issue while trying to print in Internet Explorer. I have only tested with IE8.

My stylesheets with media="screen" are being applied even when printing. My page prints properly in Firefox/Chrome.

My head element:

<head>
    <meta charset="utf-8" />
    <title>Page title</title>
    <link type="text/css" rel="stylesheet" href="/styles/reset.css" media="all" />
    <link type="text/css" rel="stylesheet" href="/styles/global.css" media="screen" />
    <link type="text/css" rel="stylesheet" href="/styles/site.css" media="screen" />
    <link type="text/css" rel="Stylesheet" href="/styles/jquery.css" media="screen" />
    <link type="text/css" rel="stylesheet" href="/styles/forms.css" media="screen" />
    <link type="text/css" rel="stylesheet" href="/styles/print.css" media="print" />

    <script src="/scripts/jquery-1.4.4.min.js"></script>
    <script src="/scripts/jquery-ui-1.8.8.custom.min.js"></script>
    <script src="/scripts/modernizr-1.6.min.js"></script>
    <!--[if (gte IE 6)&(lte IE 8)]>
        <script src="/scripts/selectivizr-1.0.1.min.js"></script>
    <![endif]-->
    <script src="/scripts/colorbox/jquery.colorbox-min.js"></script>
    <script src="/scripts/global.js"></script>
    <script src="/scripts/site.js"></script>
</head>

I have tried searching, and I have not been able to find any related issues. Any help is greatly appreciated.

Upvotes: 2

Views: 1031

Answers (1)

breezy
breezy

Reputation: 1918

Can you provide us a link? This might be a probable solution.

Try switching your print stylesheets' rel value to rel="alternate"

Upvotes: 1

Related Questions