<div>ide and conquer

September 10th 2010 -

Last few day I’ve been working on two web related projects (to earn some money). They are quite simple, but one single thing gave me nightmares – columns in CSS.

I’m an old school web designer – when I have to put content into columns, I use table. I don’t know why I’ve even tried making columns layout in CSS using <div> tags.

Don’t get me wrong – creating basic columns layout is very, very easy unless… you want to have two columns with flexible height, and, at the same time, want both of them to have the same height.

And this… is just to weird and unintuitive. I’ve tried several methods, from pure CSS to javascript, and none of them worked the way I wanted.

So, after few “Fsck, stupid CSS”… I went back to using <table> tags. At least they work correctly in every browser, and give me same height columns.

Tags: , ,

Leave a comment!