HTML+CSS+JavaScript

Люди, может кто-то видел пример в сети или может помочь: необходимо выводить N-е количество абсолютно позиционированных блоков в хаотичном порядке, но с условием, что ни один из элементов не будет налазить друг на друга, построение координат должно производиться JavaScript-ом.

Задача чисто на логику. И легко реализуемая.
Но условие не полное:
- размеры блоков какие? Тоже случайные (для каждого) или все одинаковые (изначально заданный размер или случайно полученный)?
- если при каких-то размерах блоков невозможно разместить на странице (каких-то размеров) N непересекающихся блоков (сумма площадей N блоков больше площади страницы), то чего делать? Караул кричать? :-)

размер блоков случайный. есть ограничение только по ширине, но вывод один под другим не совсем то. что хотелось бы получить на выходе :)

>размер блоков случайный. есть ограничение только по ширине

Таки какое ограничение-то?
Вам пытаются помочь, а вы отделываетесь общими фразами...


>вывод один под другим не совсем то. что хотелось бы получить на выходе

А это и вовсе непонятно...
По тексту топикстарта я полагал, что задачу можно описать (условно) так: "разбросать по столу N-ое количество неких прямоугольных объектов, например, спичечных коробков, ориентированных своими сторонами параллельно краям стола". Стал у вас выяснять - все ли объекты одинаковы по размерам, может быть, среди спичечных коробков могут попасться сигаретные пачки или даже книги... и что делать, если все эти прямоугольные объекты на столе не поместятся... Ответа не получил.

да, это могут быть, и книги, и спичечные коробки, и сигаретные пачки. у столе есть ограничения только по ширине, т. е. если заканчивается место то у стола может быть увеличена длина (высота блока, в котором позиционируются блоки увеличивается по необходимости, ширина остается неизменной)

Вопросы:
1. содержимое в блоках (текст, картинки, etc) быть должно?
Если без содержимого, то тогда ещё вопрос: 1а. цвет фона блоков должен быть одинаков для всех (или разным для всех, или - как получится)?

2. минимальный размер стороны блока (в пикселах).
Чтобы блок можно было увидеть, хватит 1-го пиксела (и могут появиться блоки-"точки" и блоки-"линии"), но если должно быть содержимое, то тогда сколько?

3. максимальный размер стороны блока (в пикселах или процентах от ширины поля).
"Случайный" здесь не ответ.
Ибо "случайный" при равной вероятности ровно половину блоков по ширине выдаст равными от 49% до 99% - и при этом половину блоков можно будет размещать исключительно "один под другим", чего вам явно не надо (вы выше писали).

4. Появление блоков на поле должно быть:
- одновременно все;
- последовательно с задержкой;
- с эффектом движения ("вылетают" из одного места и "движутся" к запланированной позиции);
- ещё как-то.

5. Расположение блоков на поле:
- полностью случайное ("где-то густо, где-то пусто");
- максимально кучно;
- максимальный разброс;
- равномерно.

1. в блоках будет содержимое, но это не суть важно. давайте разберем ситуацию с просто блоками, без содержимого.

2. минимальный 30 пикселов

3. максимальный 200 пикселов

4. одновременно(у них изначально стоит свойство visibility: hidden; циклически оно меняется на visible)

5. было бы не плохо, если максимально кучно, но можно и на полностью случайно остановиться.

не оставайтесь равнодушными к чужому горю :) в аттаче я прикрепил рисунок с примерным изображением желатного отображения элементов.

Я так понял что тебе нужно что то вроде этого

не совсем то, надо чтоб блоки больше кучковались.