ansaurus

Question

Answer 1

+4 A:

If an element is not displayed, then none of its children will be displayed (no matter what their display property is set to).

* matches the <html> element, so the entire document is hidden.

You need to be more selective about what you hide.

David Dorward 2009-10-02 20:56:15

Ah, thanks! I guess I could just place printableArea outside of the page wrapper, then hide the wrapper, showing the print div.

FatherCarbon 2009-10-02 21:10:57

Answer 2

+1 A:

html body * {
 display:none;
}

#printableArea {
 display:block;
}

Also, you may need an !important on #printableArea, but probably not.

PHLAK 2009-10-03 08:33:14

This will only work if #printableArea is a direct child of body.

Bennett McElwee 2010-04-09 04:01:45

CSS - Print view - Hide all elements except one div