Дмитрий Сидоренко

Если ты беспокоишься о SEO, то проще пропиши rel canonical и не волнуйся о том, что еще допишут к твоим уралм =)
seo-for-ucoz.com/blog/atribut_rel_canonical_chto_t...

Если тупо в лоб, то так:
CSS
nav-bar должны быть абсолютно позиционированы, один сверху, другой внизу
#content { position: absolute; left: 0; top: 0; }
JS
hOfWindow = выясняем высоту окна, делаем parseInt [ вроде parseInt($(window).height()); ]
hOfTopElement = высота верхнего nav-bar, делаем parseInt
hOfBottomElement = высота нижнего nav-bar, делаем parseInt

Блок сетка между ними => id = #content
$('#content').css('height', hOfWindow - hOfTopElement - hOfBottomElement);
$('#content').css('top', hOfTopElement);

И все будет на своем месте)

Это имеет смысл, особенно, если ваши посетители имеют медленный интернет.
Прочитать про это вы можете на примере css спрайтов - https://www.google.ru/?gfe_rd=cr&ei=U2GpVNuXIKepwQ...
Я затрагивал эту тему в своей статье - candevelop.ru/blog_current/34.php
Выдержка:

Когда мы запрашиваем страницу в интернете, то одновременно с ней, зачастую, получаем кучу дополнительных файлов: изображения, стилей, скриптов. В реальной жизни сопоставим это с количеством посылок, это может быть 10 маленьких, за которыми сложно бегать или же одна большая коробка, которую быстрее принести. Для уменьшения запрашиваемых элементов и их объема применяется множество технологий: картинки склеиваются в одну, стили CSS и JS скрипты интегрируются в код основной страницы, а не подключаются отдельно.

А в качестве инструмента, для сбора проекта в один файл очень советую вам Gulp habrahabr.ru/post/208890