Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Cascading Style Sheets _ How can i get these three columns to be the same height

Posted by: tyler.watkins Apr 10 2012, 05:33 PM

How can i get these three columns to be the same height even if the middle column gets taller from adding more content.

here is my css:

http://blocks.netne.net/style4.css

Here is the site:

http://blocks.netne.net/home.html

Please use this link, i realize there is a different website that shows up if you use blocks.netne.net/index.html

I am upgrading the site and the /home.html is the new site..

Any help is greatly appreciated!!

Posted by: pandy Apr 10 2012, 07:10 PM

You can't, not easily anyway. It isn't a table, there is no relationship between the column DIVs. Usually it's faked. See Faux Columns linked to from the following page, but there are also other solutions there.
http://css-discuss.incutio.com/wiki/Any_Column_Longest

Posted by: tyler.watkins Apr 10 2012, 07:38 PM

Thanks, but I'm a beginner and I dont think I could use all of that without messing up my whole site, Thanks Alot anyway!!

Posted by: pandy Apr 10 2012, 08:24 PM

You just need one of them. I suggest Faux Columns. But bookmark the page for later if you don't want to do it now. I'm all for one step at the time approach.