If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Dec 2013
    Member #

    Horizontal scroll bar not hiding & Background image not 100%

    Hey guys, I developed this site working for a guy, I have two problems.


    Dr. Chris K. Sukiassians | Therapeutic Optometrist

    He wanted me to implement his iframe here:Dr. Chris K. Sukiassians | Therapeutic Optometrist
    But when I went to edit the CSS to remove the x scroll bar..
    .div {
        overflow-x: hidden;
        overflow-y: auto;
    It wouldn't hide. I tried for like an hour. Curious as to if anyone has any ideas.


    I can't get the background to extend fully. When the content ends, the background does as well. I added some page breaks at the end of each web page so it wouldn't show up. Here's a photo of what I'm talking about.


    (If you CTRL - to zoom out you'll see what I'm talking about)

    Any ideas on how to fix this?


  3. #2
    Member djitsz's Avatar
    Join Date
    Jan 2014
    Member #
    17 times
    Hi Kevosoup,

    For 1:
    Make sure you apply "overflow-x:hidden" also to the body element of the iframe content.

    For 2: add "html { height: 100% } body { background-attachment:fixed; }" to your CSS and it should work.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
All times are GMT -6. The time now is 09:14 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: