I have a three column layout for this site that I'm working on and would like the columns to all be the same height, but not fixed so that they extend smoothly to the bottom of the page. It can't be a fixed height because the height will change depending on the amount of content on it. It just looks ugly with the sidebars being uneven to the centre column. Thanks in advance!
https://indie-fanlistings.neocities.org/index.html
Making all columns the same height
-
Robin
- Events Staffer
- Posts: 3068
- Joined: Thu Aug 07, 2014 3:15 pm
- Location: North Carolina, USA
- Contact:
Re: Making all columns the same height
Seconding this because I'd really like to know how to do this myself--I hacked something together that kinda works and kinda doesn't xD
-
dubiousdisc
- Administrator
- Posts: 2535
- Joined: Thu Jun 21, 2012 5:49 pm
- Contact:
Re: Making all columns the same height
If I'm understanding the question right - This was a thing that used to be trouble to achieve, but CSS flex now makes this possible!
I've found this example for a three-column layout. You might need a look at this guide to see what all the properties are.
I've found this example for a three-column layout. You might need a look at this guide to see what all the properties are.