Css – View print CSS in IE7 or IE8

cssinternet-explorer-7internet-explorer-8mediaprinting

I'm debugging a site that has problems with element positioning when printing (I have a separate print.css file linked by a link element with the media="print" attribute). This problem only occurs in IE7 and IE8.

What I'm looking for is a way to view the page using the print media type, but while still having IE8's developer tools available to view element details and edit in real-time, etc.

The function I'm looking for would be similar to the "Display CSS by Media Type" feature in Chris Pederick's Web Developer Extension for Firefox. (But this problem doesn't occur in firefox…nor in safari, or even in IE6.)

Best Answer

Why not just assign the screen attribute to the print stylesheet for your debugging session (and remove the screen version or swap the media attributes)?