CSS - A general query re positioning when printing off.

http://www.brainjar.com/css/positioning/default.asp

If you go to the above URL, you will find a very interesting article on css positioning. So interesting did I find it, that I decided to do a print off, thinking that the right hand side panel would probably be off the page, which was OK by me.

To my amazement, the panel was overprinted on to the left hand one. As this is an article about positioning and the importance of being readable by all normal means. I was surprised.

Is it possible to prevent this overprinting using css? It has never happened to me before.

Using IE7

Frank

Hope you trying to remove the google ads.

Its based on Javascript, so its very easy to turn-off it in FF,(Tools->options->Content => Uncheck Enable Javascript).

IE6(Tools->Internet Options ->Security->Internet->Custome level->Scripting -> Disable Active scripting)

PS: remember to turn it on after your operation

Thanks, that helped me to get a good print off.
But why was the Google panel printed over the left hand panel.
It was OK on screen.

Frank

It was OK on screen.
It is not OK on the screen. When I resize the browser window and make it narrower then the Google Ads start to overlap the content. This is a serious accessibility issue.

It is not OK on the screen. When I resize the browser window and make it narrower then the Google Ads start to overlap the content. This is a serious accessibility issue.
A bit odd, when the whole article is about position control using CSS,

Frank

But why was the Google panel printed over the left hand panel.
It was OK on screen.Your screen is almost certainly wider than the page that you printed to. It’s on the right and overlapping things because it’s absolutely positioned with respect to the containing block; in printed media, a page box is the default containing block.

Apparently, they meant to hide the ad via CSS, but their selector doesn’t match; the below code is what was in their CSS file.

@media print {

#adsense {
display: none;
}

An easier method to print would have been to just print only pages two through four (in Firefox 2) since the first page is otherwise wasted.