ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• September 16, 2016 at 1:46 pm #292119
  heinetz

  Member

  Post count: 63

  Hi,

  I got a page with less content and no scrollbar. On this page you can see black space
  below the footer. It is the same on:

  Home One: Landing

  I tested it with Firefox Screen-Size Utility and defined a very large screen.

  You got an idea how to get rid of that space via css?

  best heinetz

  September 16, 2016 at 2:57 pm #292143
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Can you provide a screenshot of which space you’re referring to?

  – Kyle

  September 16, 2016 at 6:00 pm #292206
  heinetz

  Member

  Post count: 63

  This reply has been marked as private.
  September 18, 2016 at 8:59 pm #292304
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi @heinetz

  The only way this would be possible would be to specify a min-height for the page. Which we can provide css for – if you can provide the short page that you are referring to, we’ll test it for you.

  – Ed

  September 20, 2016 at 9:35 am #292548
  heinetz

  Member

  Post count: 63

  This reply has been marked as private.
  September 20, 2016 at 10:26 am #292563
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Which is the short page?

  – Kyle

  September 20, 2016 at 10:57 am #292573
  heinetz

  Member

  Post count: 63

  This reply has been marked as private.
  September 20, 2016 at 1:57 pm #292605
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Add this css:

  #page-wrap {
      min-height: 60vh;
      min-height: calc( 100vh - 534px );
  }

  – Ed

  September 20, 2016 at 3:33 pm #292617
  heinetz

  Member

  Post count: 63

  hi ed,

  thank you but I don’t like the solution. I’ll write it in jQuery.

  best,
  heinetz

  September 21, 2016 at 7:25 am #292707
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Great thanks to Ed. Its good to use the css code instead of jquery.
  Thanks
  Mohammad

  September 21, 2016 at 9:03 am #292725
  heinetz

  Member

  Post count: 63

  ok, I didn’t understand the solution 😉

  I tested it with 300X3000 scrensize and still I got space
  below the footer. Shure, that was the wrong test scenario
  but that happens without understanding!

  Now I got it and, you’re right, it’s better than using jQuery.

  But no solution is a good solution without understanding it!

  Thank you

  best,
  heinetz

  September 22, 2016 at 8:23 am #292889
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  No problem @heinetz

  Apologies for not explaining – my solution basically sets the page height to be 60vh (viewport-height) for browsers that don’t support calc, and the calc line removes the header and footer height from the 100vh so that the page size is always tall enough to total 100vh.

  Hope that helps.

  – Ed

  September 22, 2016 at 8:42 am #292892
  heinetz

  Member

  Post count: 63

  hi ed,

  yes, now I understood how your solution works. And that is the precondition to use it because I know why and what to ajust when it doesn’t work anymore instaed of asking for help again.

  best,
  heinetz

  September 22, 2016 at 10:37 am #292920
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Glad it’s sorted.
  Thanks Ed.

  -Rui

• Back to forum

  Posted in: Dante