Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts

    Exclamation 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
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    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
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    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
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #4
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Quote Originally Posted by effpeetee View Post
    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.

  • #5
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by koyama View Post
    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
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #6
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,300
    Thanks
    28
    Thanked 275 Times in 269 Posts
    Quote Originally Posted by effpeetee View Post
    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.

    Code:
    @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.
    For every complex problem, there is an answer that is clear, simple, and wrong.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •