left column

Hello, I am the left column. My and the right column's job is to keep the main columns warm.

I have no min-height property so that is why right_column is longer than me.

right column

As left column says, I am a blanket for the main column. In reality I don't mind that much, perhaps if I get too close to him I will smother him to an untimely death.

Main Column

View a 2 column layout.

Why hello there!

I take it if you are here you want to know about 3 column layouts.

The order of the divs in the source code is very important. The center_column must come after the left_column and right_column divs for this to work.

So what happens if this div goes over 400px in height?

Good question!

The answer is the the footer will be pushed down to accomdate me, because I am pretty huge!

If you look closely you see the border-right property of the left_column is set to none and the border-left property of the right_column is also set to none. Why?

Because the center_column has a border on all sides, so the result would be 2 messy lines.