Question

Im trying to create a three column layout with a fluid center and fixed sides. Here’s a jsfiddle. It seems as though the clearfixes for the nav is pushing the main content below the sidebars. Without the clearfixes, the content in general begins to be displayed incorrectly. Anyone know how to fix this?

Answer 1

Define your .nav-tabs div as inline-block to contain it within its boundaries properly, like so:

.nav-tabs {
 display: inline-block;
 width:100%;
}

demo: http://jsfiddle.net/6vPqA/15/show/
edit: http://jsfiddle.net/6vPqA/15/

edit: added width so the menu will adapt better.