5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

How to get rid of scroll to fit page?

by Keep Trying
4 replies
  • WEB DESIGN
    • |
Hi, I'm not sure why this is happening, but if you take a look at my site How To Focus Better, on the bottom there is a horizontal scroll. I don't think that was there before and was wondering how I could get rid of it?
#fit #page #rid #scroll
  • Profile picture of the author yaru22
    Did you fix the problem? I don't think I see it on that website. Also, what browser and what version are you using?

    Cheers,
    Brian
    {{ DiscussionBoard.errors[5876274].message }}
  • Profile picture of the author K Meier
    On my resolutions 1280 x 800 there is a horizontal scroll bar. It looks like one of your css atributes is set to a wider width.
    {{ DiscussionBoard.errors[5879632].message }}
    • Profile picture of the author Mkj
      The main reason the site is oversized and a scroll bar is showing is related to this code:

      Code:
      <p class="huge"><img src="http://howtofocusbetter.com/wp-content/themes/focusbetter/images/it-changed-my-life.jpg" alt="It changed my LIFE." width="1280" height="515" /></p>
      You also have this in your style.css that needs adjusting:

      Code:
      .huge img {
    margin:-150px 0 -150px -190px;
}
      If if you sort out the above a scroll bar will still show a little so there is more adjustment to carry out but the majority of the problem seems to be related to the above image.
      {{ DiscussionBoard.errors[5879791].message }}
      • Profile picture of the author martingrace
        Guys, I's suggest you to switch to Responsive design to make your site more flexible and adjustable to various screens and devices. Check out some helpful links at OddMag [dot] com
        {{ DiscussionBoard.errors[5880232].message }}

Trending Topics