Question

So I noticed the column property doesn’t work in internet explorer so I tried finding alternate ways to create columns, I found a way to do it with tables, but that looks a bit clunky. Is there a way to use divs and create two vertical columns splitting the page?

Answer 1

You can do this easily with floats. e.g.:

HTML:

<div class="col1">Column1</div>
<div class="col2">Column2</div>

CSS:

.col1 { width: 50%; height:100px; float:left; background:#ddd}
.col2 { width: 50%; height:100px; float:left; background:#777}

Demo: http://jsfiddle.net/AfgAG/9/