Forums

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

Home › Forums › CSS › [Solved] Whitespace

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 4, 2015 at 8:45 pm #201615
    ts2114tb
    Participant

    Hello,
    I’m learning responsive web design by making a demo at codepen: http://codepen.io/anon/pen/VLveJw
    All look nice, except for the main content. When I resize the viewport to 535px and below, the main content does not cover the full height and have whitespace.
    Please take a look,
    Thank you.

    May 4, 2015 at 8:57 pm #201616
    ts2114tb
    Participant

    I add more text to the main content and now the full height is covered, so the reason is lack of content.
    However, is it possible for the main content have full height with less text?

    May 5, 2015 at 6:41 am #201629
    Paulie_D
    Member

    That’s a very broad question.

    Yes, there are a variety of techniques including CSS tables, flexbox, sticky footers & headers and more.

    If yow know the height of the header & footer you can use 100% height on the wrapper and calc to get the sidebar & content to be fill the rest.

    http://codepen.io/Paulie-D/pen/bdVBZj

    May 6, 2015 at 4:54 am #201731
    ts2114tb
    Participant

    Hi Paulie,
    Thanks for the answer, I get it.

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