Forums

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

Home Forums Design Reduce white-space

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #275086
    zebyte
    Participant

    Hi,

    I realize there are too much empty space (from the banner border to the footer) in my web project eventhough there are no content in it. You would have to scroll downward all the way to see the footer eventhough there are nothing in the middle part of the webpage. what could be the cause of this? is it because of too many coding inside the php files? and how can I reduce it.

    https://codepen.io/anon/pen/yqRMrb

    Thank you

    #275099
    Pogany
    Participant

    Hi,
    Just remove footer’s margin-top: 100%;

    #275142
    zebyte
    Participant

    thanks.
    I thought putting margin-top at 100% would place it to the bottom of the page.

    #275143
    Pogany
    Participant

    In this case you may add

      footer{bottom:0}
    
    

    and

      section{min-height: calc(100vh - 140px)}
    
    

    nav height = 60px
    section padding = 40px;
    footer height = 40px;

    60px + 40px + 40px = 140px;

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