Forums

Give help. Get help.

  • # November 10, 2017 at 6:19 pm

    I have this design right now that I’m pretty happy with: https://codepen.io/wostensen/pen/jarJVB

    Currently, the #main-content area has an overflow-y: scroll that is commented out because it stuck right next to the article-elements, which isn’t what I was aiming for. Ideally, I would like to have the scrollbar to the far-right of the page, like on this. How can I achieve that? My goal is to have the sidebar static, and the #main-content being the only scrollable element on the page.

    Oh, and by the way: how can I center the : ADMIN : element down in the “posts”?

    Thanks in advance!

    # November 10, 2017 at 11:56 pm

    have the sidebar static

    Most straight forward thing to do would be to give #navigator a position: fixed. You will also have to adapt its width though.

    have the scrollbar to the far-right of the page

    Then just remove this:

    html {
      overflow-y: hidden;
    }
    
    # November 11, 2017 at 4:09 am

    Thanks, it looks just as I wanted now! :D

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

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag