← Back to Upcase

Equal height columns with neat


(Bill Peregoy) #1

One of the most confusing CSS concepts for me has always been how to create equal height columns when each column has different amounts of data. I’ve read a number of articles on this concept and the resulting structure always seems overly complex.

Here is an example of one of the solutions I’ve come across:

http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

Are there any neat mixing that can be used to solve this problem in a simpler way? Otherwise, could someone point me to the best practice method for solving this common problem?


(Edwin Morris) #2

Oi, that code looks messy. I hate creating html elements for styling, and I haven’t had to do it much since CSS3. I think my answer to this question relates pretty closely to yours as well. Take a look for me and let me know if it helps.