Printer specific stylesheet not working!

[Joshua Clinard]

I read an artilce about how to create a printer specific stylesheet, and then I created one. I intended for it to print only the content div, not the header and navbar divs. It printed the html, but it printed it the way the xhtml is layed out. I.E. how it would be displayed on screen without the stylesheet, with the navbar at the bottom.

http://www.meyerweb.com/eric/article...ev/200001.html

http://student.acu.edu/~jdc00a/index.html

http://student.acu.edu/~jdc00a/print.css

Can anyone tell me what I'm missing?

[redux]

the reason is that you've assigned IDs to the header and navbar, but your print stylesheet sets display:none to divs with CLASS header and navbar (because of the dot notation). change

DIV.header {display: none;}

DIV.navbar {display: none;}

to

#header {display: none;}

#navbar {display: none;}

and all should be well

[Joshua Clinard]

Thanks. I'm really getting the hang of this CSS stuff! I actually figured out half the problem before I read your post. Thanks for the other part.