Forums

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

Home › Forums › CSS › sidebar and content to fluidly react to the same height when changed

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 19, 2015 at 3:53 am #206734
    lee.david899
    Participant

    Hey all,
    I am having a problem I cannot seem to crack. I am trying to make my left sidebar automatically resize to match the size of the content area.
    I have been searching google and cannot find a solution.
    You can see my site at http://popdesignstudios.com/pds-new/
    All seems ok on the home page, but when you go to the ‘services’ page, the content area is much larger…I would like the sidebar to perfectly match the content height on all pages.
    Are you able to give me any advice???
    Thank you.
    David.

    August 19, 2015 at 4:01 am #206735
    Shikkediel
    Participant

    The link doesn’t work.

    August 19, 2015 at 4:06 am #206736
    lee.david899
    Participant

    Hi…sorry the link was wrong…I have changed it now… just in case… the link is
    http://popdesignstudios.com/pds-new/
    Regards,
    David.

    August 19, 2015 at 5:21 am #206739
    Shikkediel
    Participant

    I can’t see a quick solution other than using JavaScript but maybe someone else knows of a better fix…

    August 19, 2015 at 8:24 am #206744
    Paulie_D
    Member

    Pretty trivial with flexbox but other than that…you’d need JS.

    August 19, 2015 at 8:29 am #206747
    bearhead
    Participant

    I’m not sure how your page is structured, but is using display:table-cell an option:

    http://codepen.io/kvana/pen/zGVxxp

    August 19, 2015 at 8:34 am #206748
    Paulie_D
    Member

    Yeah…that would work too….but I’m trying to stay modern here. :)

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