Making all columns the same height

Everything related to the visual and coding aspects of websites.
Post Reply
User avatar
Posts: 27
Joined: Mon Apr 04, 2016 10:04 am

Mon Jun 18, 2018 3:38 am

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!

User avatar
Events Staffer
Posts: 3172
Joined: Thu Aug 07, 2014 3:15 pm
Location: North Carolina, USA

Sat Jun 23, 2018 8:59 pm

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 ~

User avatar
Posts: 2602
Joined: Thu Jun 21, 2012 5:49 pm

Mon Jun 25, 2018 2:48 pm

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
  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests