Grow your CSS skills. Land your dream job.

Personal preference for floating two columns?

  • # January 28, 2010 at 5:16 pm

    Say you have a 1000px wide container, and inside there are two DIVs that will be floated and act as columns. Let’s say that the first column is 400px wide, and the second is 600px wide.

    When you float these columns, do you float them 1) both left, 2) both right, or 3) the first left and the second right?

    I know that #2 isn’t really a valid option, but I put it there for completeness. :)

    Personally, I always float them both to the left, but I’ve noticed that most designers and developers I work with will float the second column to the right. There’s no difference as far as the rendering and document flow is concerned, but I was curious to see what other CSS users had to say.

    # January 28, 2010 at 6:30 pm

    I will generally float one to the left and the other to right.

    I actually just had this conundrum about 10min ago when I was converting an HTML template into WordPress. I had two divs, one left one right, but had to change them to both to float left and apply the same class to them to make it work as posts in WP. That was a horrible sentence…

    # January 29, 2010 at 4:43 am

    Usually I float both left, but sometimes it depends on whether the divs have exactly the same or different content.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".