auto OVERFLOW-Y:scroll in div

How to make it print friendly eg removing scroll bar?

[cleggy]

Hi
Need help in removing an auto overflow-y scroll in a div so as to make it print friendly.Have found a solution using javascript but am very curious on how to do it using print.css.Website <snip> any info will truelly be appreciated.
Kind Regards
cleggy

[edited by: engine at 11:02 am (utc) on June 19, 2007]
[edit reason] No urls, thanks. See TOS [webmasterworld.com] [/edit]

[SuzyUK]

Hi cleggy, and Welcome [webmasterworld.com] to WebmasterWorld!

I'm thinking the div has a height stipulated on it (n the style.css) in order for the scrollbar to invoke if required, if so then in the print.css you would need to reset the height for that div to "auto" this should display all the content inside it without a scrollbar,

or if you want the div to remain at a certain height (hide the excess content) without the scrollbar you would set the overflow for that div to "hidden" in the print.css

if that's not it can you post the CSS for the div with the scrollbar thanks

[edited by: SuzyUK at 11:19 am (utc) on June 19, 2007]

[cleggy]

Hi
SuzyUK
Thanks for getting back to me.I've tried the auto hide ect it just does'nt seem to work can't seem to figure this one out.Look have made webpage printer friendly using javascript.But am really curious as how to remove the auto scroll bar in the div.See below Print.css

* tabbertab {overflow-y: hidden;
}
body {
color : #000000;
background : #ffffff;
font-family : "Times New Roman", Times, serif;
font-size : 12pt;
overflow-y: hidden;
scrollbar: none
scrollbar="no"
}
a {
display : none;
}
#yourDiv, #yourbg, #imgA1, #imgA2, #imgA3, #imgA4, #imgAAA, #imgAA, #imgBBB, #imgAC, #imgCCC, #imgAD, #imga5, #me, #services, #imgA6, #portfolio, #imgA8, #imgA9, #imgA11, #contact, #imgA10, #img000, #imgA12, #a, #1, #zzz, #2, #b,#3, #c, #4, #5, #nnn, #special {
display : none;

}
.tabbernav {
display : none;
}