Making all columns the same height

Everything related to the visual and coding aspects of websites.
Post Reply
isavarg
Posts: 23
Joined: Mon Apr 04, 2016 10:04 am
Contact:

Making all columns the same height

Post by isavarg »

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
Robin
Events Staffer
Posts: 3072
Joined: Thu Aug 07, 2014 3:15 pm
Location: North Carolina, USA
Contact:

Re: Making all columns the same height

Post by Robin »

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
~ a dream is a wish your heart makes ~
withinmyworld.org
dubiousdisc
Administrator
Posts: 2535
Joined: Thu Jun 21, 2012 5:49 pm
Contact:

Re: Making all columns the same height

Post by dubiousdisc »

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.
Post Reply