Hide all elements except one div for print view

Question

I have the following CSS for my print style:

* {
 display:none;
}

#printableArea {
 display:block;
}

Answer 1

You might try popping it up on top of everything. This solved 90% of my problems, then I just had to make a .noprint class and add it to a few straggling elements.

.print_area{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9999;

    background-color: #ffffff;
}