Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS 100% Height Sidebar

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #43302
    nuodas159
    Participant

    How to do that div.left won’t cross the black border?

    P.S. Is there way doing without overflow: hidden;?

    http://jsfiddle.net/xtNPA/

    #127746
    Paulie_D
    Member

    Not given the current structure.

    You told it to have same (100%) height as the parent div…but that includes the ‘top’ div’ so it’s adding the height of the that div on to your ‘left’ div.

    Take the ‘top’ div out of the ‘full’ div.

    #127751
    nuodas159
    Participant

    I know what’s the problem but there is any way to do it? I mean without taking top and left?

    #127754
    Paulie_D
    Member

    >I mean without taking top and left?

    I’m not sure what that means.

    If you take the top ‘div’ out of the ‘full’ div but place the top’ div before the ‘full’ div in your HTML you will get the **look** you are after.

    If you add content to the ‘full’ div though….it probably won’t work as you think it might.

    This might help though: http://codepen.io/anon/pen/asxch

    #127770
    Merri
    Participant

    Is the intention that minimum height of the page will always be the size of the viewport unless there is enough content to make the page scroll?

    #127779
    zdravo
    Member

    .className {
    position: fixed;
    top: 40px;
    bottom:0;
    border: yellow;
    }

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.