Добрый день, бьюсь над проблемой с блоками, нужна небольшая помощь. Дело вот в чем: Есть основной див меняется ширина (min-width\max-width) относительно ширины экрана. Внутри есть еще 1 див, внутри которого уже идут несколько дивов с float:left. соответственно при разных размерах браузера в ряд должно отображаться от 3 до 5 блоков в 1 ряд. Всё отображается как нужно в ряд, но при достижения определенной ширины экрана (для 3 блоков уже хватает место, для 4 пока что не полностью к примеру) справа появляется большой пустой промежуток (в плоть до того момента, когда ширина основного дива не достигнет ширины 4 блоков) тогда в ряд становится уже 4 блока. Задача в том, чтобы спозиционировать блоки с float:left относительно основного резинового блока посередине. PHP: <div class="main" style="min-width:700px; max-width:1300px"> <div этот див нужно выставить посередине дива main> <div style="float:left">blabla</div> <div style="float:left">blabla</div> <div style="float:left">blabla</div> <div style="float:left">blabla</div> и т. п. </div> </div>
При максимальном значении дива main всё как нужно (5 блоков в строку) При достаточном размере дива main (кратном ширине 1 блока) все смотрится нормально. Если ширины дива main пока недостаточно (не кратная блокам внутри) то видим такую удручающую картину Никак не могу добиться такого результата (думаю что самый оптимальный в данной ситуации) т.е. чтобы в промежутках пока блок main Будет набирать размер чтобы вместить +1 элемент по ширине, всё содержимое позиционировалось по центру. Прошу помощи, может кто сталкивался с подобными задачами.
Скинь подробней верстку, включая CSS, так тебе никто не ответит. Не понятно почему main плавает по ширине, похоже на костыль. Надо в общем задачу понимать, что бы что-то по делу тебе сказать, может это вообще через Javascript лучше фиксить.