Я считаю, что вам нужно использовать div без предопределенных вспомогательных классов, так как div по умолчанию будет расширяться до полной ширины своего родителя (если нет обертки - это будет полный экран)
Несколько тривиальных примеров:
<header>
<nav>
<ul>
<li> blarg </li>
</ul>
</nav>
</header>
<div id="main" role="main" class="container_12">
....
....
</div>
<footer>
<p>Thanks!</p>
</footer>
Надеюсь, это поможет.