• Skip to main content
  • Skip to footer

Solo Web Solutions

Simple & Straightforward Websites

  • Home
  • About
    • FAQ
  • Our Work
  • Our Services
    • Website Design
    • Lead Generation
    • Reputation Management
    • Website Protection
  • Blog
  • Contact

Written by Cheryl Leave a Comment

CSS: Equal Columns

codeHack free, image free, and Javascript free. Works in all browsers.

The easiest way to make columns equal height is to put a container around the columns which will force the container div to be the size of the longest column. Then float the columns.

There’s a bit more to it, but that’s the basics. See http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks for details.

Related posts:

How to Add an Image to Your WordPress Post
Photoshop: Resize Images and Maintain Sharpness
How to Set Up Website Hosting with Siteground

Filed Under: Tutorials Tagged With: css

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Footer

  • Email
  • Facebook
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube

Copyright © 2023 Solo Web Solutions · Privacy