[CSS] @Media print hide div

[meelmark]

Wil gebruiksvriendelijk laten printen.

In mijn HTML:

code:

<style type="text/css" media="all">@import "sheet1024.css";</style>

Ik wil bijvoorbeeld de div 'menu' weg laten bij een printopdracht:

code:

@media screen {

#Menu {
    position:absolute;
    top:190px;
    left:102px;
    width:172px;
    padding:10px;
    background-color:#eee;
    border:1px solid #999;
    line-height:25px;
}

}

Wil m verbergen met de volgende code (in hetzelfde stylesheet dus)

code:

@media print {

#menu{
display: none;
}

Op alle internetsites die ik afga voor informatie, staat dat dus die display: none gewoon simpel weg moet lukken, maar het werkt dus niet. Waar ga ik de fout in ?

[crisp]

Je sluit je media-rule niet af?

Cascading Stylesheet:

@media print {

    #menu {
        display: none;
    }

}

en volgens mij zijn er issues mbt media-rules in combinatie met @import in IE

[meelmark]

Ok. Ik zit hem net na te lezen, en zie de case-verschil (Menu en menu). Heb ik daar dus sinds eergisteren mee lopen kl****!

Opgelost.