Grow your CSS skills. Land your dream job.

Absolute positioning causing scroll issue

  • # March 19, 2013 at 12:05 pm

    I am trying to eliminate the scroll and have my website fit to screen again.

    I have narrowed it down to this line of code that is causing the scroll on the page to happen. When I change the absolute it fixes it but then logo is out of place. If someone had time to take a quick look at this that would be great. You have to click on visitors access to enter the site for now. https://chris-schilling-4lzz.squarespace.com/

    #header #logo h1.site-title {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: none;
    }

    # March 19, 2013 at 12:09 pm

    @schill, just remove the `width: 100%`

    # March 19, 2013 at 12:18 pm

    >Absolute positioning causing scroll issue

    Then don’t use it.

    Try using other (and much better) layout options.

    # March 19, 2013 at 1:33 pm

    @ChrisP Thanks that did the trick

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".