@media print display:none isn't working

Posted by chris Frisina on Stack Overflow See other posts from Stack Overflow or by chris Frisina
Published on 2012-07-28T06:39:25Z Indexed on 2012/11/05 23:01 UTC
Read the original article Hit count: 130

Filed under:
|
|

I have tried for over 3 weeks now with different implementations trying to get the right section to not display, and have the left section display at full width. Given that my research shows there is no easy or streamlined way to quickly render Print views without reviewing the print preview, I am asking for some help to figure this out.

This is the current page im trying to get to work.

This is what I want to happen. Please note that the width of the left side needs to extend the full width.

the print media css that is not working is this:

#gc {
    width: 100%;
}
#asideTrack {
/*      width: 100%;*/
    display: none;
}
.asideTrack {
/*      width: 100%;*/
    display: none;
}
.slideAside {
/*      width: 100%;*/
    display: none;
}
#slideAside {
    display:none
}

Any suggestions?

© Stack Overflow or respective owner

Related posts about html

Related posts about css