Otherwise I may have to make alternate stylesheets, which would be a pain to maintain, or redesign the page so that the preview area is 100% of the width.
You’ve got a number of options.
- First off, you can disable the “offending” stylesheet:
<link id="mediaSheet" rel="stylesheet" href="....">, you may run this in your onload handler:
document.getElementById("mediaSheet").sheet.disabled = true;.
- If you feel like coding, you may add this link to your final HTML conditionally. E.g. if the page is requested with a GET parameter
?preview=true, the stylesheet element will not be generated.