Question

I have a two column layout: http://jsfiddle.net/KqQ42/1/

Now I would like that the left and right column both share the maximum width so that there is now space between the page_wrapper and the columns.

When I just add one percent to the width they aren’t side by side anymore.

So what is the trick?

Answer 1

Write like this:

.content_wrapper > div
{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.nav{
 width:25%;
}

Check this http://jsfiddle.net/KqQ42/7/