How-To: Add dynamically scaling columns to your site

scaling-columnsSo, you’ve got a spiffy (say, WordPress-powered) website with great content and a generally satisfying layout. Only problem is, you can’t seem to get your side menu (and/or various other columns) to lineup vertically with your main content area. Happens to the best of us.

Having all the columns on be of equal length adds a degree of completeness to your site, and visitors will appreciate your attention to detail. Luckily, Project Seven provides a relatively simple JavaScript-based, cross-browser solution (complete with detailed instructions) on how to fix this issue. (This is the same formatting “trick” used to make Boilr oh so appealing.)

Should you run into any issues, feel free to leave a comment and I’ll see what I can do.