Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

  1. Index
  2. » How?
  3. » CSS: Height issue

#1 2021-03-15 13:10:52

Gallex
Member
Registered: 2006-10-08
Posts: 1,202

CSS: Height issue

hi css gurus!

how to stretch the <section class="content-100"> (slideshow) height exactly to <footer id="footer"> in this page?

Offline

#2 2021-03-15 15:02:10

philwareham
Core designer
From: Haslemere, Surrey, UK
Registered: 2009-06-11
Posts: 3,514
Website GitHub Twitter

Re: CSS: Height issue

On your #container tag (which you have already done by the looks of it):

display: flex;
flex-direction: column;
min-height: 100vh;

Then on .content-100:

flex: 1;

Offline

#3 2021-03-16 10:08:19

Gallex
Member
Registered: 2006-10-08
Posts: 1,202

Re: CSS: Height issue

philwareham wrote #329253:

Then on .content-100:

flex: 1;...

brilliant!

Offline

  1. Index
  2. » How?
  3. » CSS: Height issue

Board footer

Powered by FluxBB