Смещение блоков вниз, а меню вверх

смотреть в сторону @media

С @media вообще первый раз столкнулся. Буду пробовать.

Других способов никаких нет?

Сделать то, что вы хотите будет проблематично даже через @media, т.к. сайт сверстан на таблицах. Если бы я занимался проблемами адаптивности сайта - переверстал бы на блоках и внедрил бы адаптивность.

Можно, в принципе, содержимое ячейки таблицы с той же навигацией обернуть в div и уже этому блоку присваивать стили.

Вкратце подскажете, как это сделать? В смысле, обернуть в div

 <table>

<tr>

<td>1</td><td>2</td>

</tr>

<tr>

<td>3</td><td><div style="position:absolute;top:150px;left:150px;">4</div></td>

</tr>

</table>

Можно, но смысл. Позиция блока (навигация, сайдбар) на странице зависит от позиции ячейки в таблице, как можно поменять позицию ячейки всунув в неё еще один div ?

У меня весьма похожая на вашу задачу, как раз решаю, в соседнем топике обсуждается.

Я частично решил вопрос тем, что прописал для td моих таблиц display: block, тем самым сделав их блоками, и получил возможность работать с ячейками, как с div'ами.

Однако, у меня пока до конца нормально не работает такой вариант, но может у вас будет лучше работать

Странный вопрос. Никто и не предлагает "поменять позицию ячейки". Зачем рушить иерархию таблицы? Предлагается обернуть в div содержимое ячейки, которое и является блоком навигации, и уже ему присваивать стили. Сначала попробуйте, а потом задавайте такие вопросы, чтобы лишних дискуссий не разводить на пустом месте.

Для начала нужно убрать у тегов td атрибут width и перенести его в стили (предварительно присвоив класс), потом в конец файла со стилями добавить вот такую строчку

@media only screen and (max-width : 768px) {

	.класс{

		display: block;

		width: 100%;

	}

}