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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Page Shows Scroll bar no matter what

    Here's my page: http://bad-sf.com/stemtest/about.html

    Notice that scrolling is still an option even though the content is small enough to not require scrolling. Could it have to do with my css? (below):

    body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;
    }
    * {
    margin:0;
    padding:0;
    outline: none;
    }
    html, body {
    height:100%;
    font-family: '_.regular';
    font-size: 13px;
    outline: none;
    }
    #wrap {
    min-height:100%;
    width:800px;
    margin: 2% auto;
    }
    #main {
    overflow:auto;
    padding-bottom: 30px;
    }
    #smm {
    width: 400px;
    height: 200px;
    float:left;
    }

    #footer {
    position: relative;
    margin-top: 0px;
    height: 35px;
    clear:both;
    font-family: '_.regular';
    }




    THANKS! I'm still learning html and css so any input you have would be really appreciated - Danny

  • #2
    New Coder
    Join Date
    Oct 2012
    Posts
    44
    Thanks
    7
    Thanked 3 Times in 3 Posts
    in #wrap, change margin to margin: 0 auto;
    the 2% seems to be the culprit.
    Last edited by backa; 12-06-2012 at 12:23 PM.

  • #3
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    Add

    Code:
    overflow:hidden;
    to your body, html css


  •  

    Tags for this Thread

    Posting Permissions

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