"обтекание" блока меню

[slo_nik]

Доброй ночи.

Есть сайт

Пытаюсь переделать под маленькое разрешение монитора, приблизительно 750px по ширине.

Надо добиться того, что бы левая часть контента (фотографии) "обтекали" правый блок навигации,

при этом, чтобы пока не закончился блок навигации фото шли по 3-и штуки в ряд, а под блоком

навигации по пять штук. Желательно без кардинальной переделки вёрстки.

Дело в том, что при разном разрешении экрана будут подключаться разные файлы css.

И если разрешение будет более 1000px, то сайт должен возвращаться в исходное состояние

Подскажите, как решить данную проблему?

Сам не могу додуматься...

Заранее благодарю откликнувшихся.

[tius]

Грубо говоря, у вас проблема в том, что слой с all-candidate содержит сразу 4 бита.

Вам надо избавится от этих слоев, оставив просто все слои "candidate".

Меню перенести выше слоя с кандидатами и поставить ему float:right, что бы его обтекали остальные нижеследующие слои "candidate".

[slo_nik]

Грубо говоря, у вас проблема в том, что слой с all-candidate содержит сразу 4 бита.

Вам надо избавится от этих слоев, оставив просто все слои "candidate".

Меню перенести выше слоя с кандидатами и поставить ему float:right, что бы его обтекали остальные нижеследующие слои "candidate".

такая мысль мне в голову приходила, но вот как это повлияет на исходное положение сайта, для разрешения больше чем 1000px?

или как вариант два файла index.html и index1.html и в зависимости от разрешения экрана делать редирект на соответствующий файл?

[buddah]

http://webdesignerwall.com/tutorials/css3-media-queries

[slo_nik]

http://webdesignerwall.com/tutorials/css3-media-queries

благодарю за ссылку, буду изучать.