How to disable horizontal scrolling on my website

Discussion in 'HTML & Website Design' started by NicholasM09, Apr 17, 2013.

  1. #1
    I need some help with this. I placed an adsense code in the header of my website now I am stuck with a horizontal scroll bar - http://advertiseautos-tt.com.
     
    NicholasM09, Apr 17, 2013 IP
  2. ntmedia

    ntmedia Active Member

    Messages:
    118
    Likes Received:
    11
    Best Answers:
    7
    Trophy Points:
    90
    #2
    I don't see a horizontal scroll bar I just see a banner that's not properly placed.

    Wow I've just went through the code and where do I start... this is completely messed up (HTML & CSS as well).

    You should add a div surrounding adsense code and position it properly with CSS. Just add it next to div#logo (after it's closure and before clear both). Then target div#adsense with float: right and maybe margin-top: 2px

    That should do it.
     
    ntmedia, Apr 17, 2013 IP
  3. Andrea from CasinoRealis

    Andrea from CasinoRealis Greenhorn

    Messages:
    69
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    15
    #3
    You probably find the issue within specific aspect ratios depending on the screen resolution or the screen size itself.
    You can try the following anyway
    body{overflow: hidden;}
    Code (markup):
    About other variations that you might need

    "hidden" Hides the overflowing completely and users won't have access to it
    "visible" The content flows outside the box.
    "auto" Will show scrollbars if and where needed, both horizontal or/and vertical
    "scroll" Will show both horizontal and vertical scrollbars.

    Hope it helps
     
  4. wo wo

    wo wo Greenhorn

    Messages:
    95
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    18
    #4
    blogger tutorials

    www.bbloggertutorials.blogspot.com
     
    wo wo, Apr 22, 2013 IP
  5. CandleKeep

    CandleKeep Active Member

    Messages:
    186
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    73
    #5
    Reduce the width of your website.

    Or, use this:

    <style type="text/css">
    body { overflow-y:hidden; }
    </style>
    Code (markup):
    PS: Cena sucks.

    :D
     
    CandleKeep, Apr 22, 2013 IP