Пустота на месте перемещенного элемента разметки

[aruru]

Имеется разметка, имеется объект html (пусть таблица или div), позиция которой указывается в style. Браузер считает, что несмотря на указанные координаты, для этого объекта нужно оставить пустое место там, где объект был описан. (Т.е. там объект находился бы, если бы не были вручную указаны координаты). Как сделать, чтобы не появлялось это пустое место? Ткните пожалуйста в то место матчасти которое содержит объяснение. Что-то упускаю.

Ещё раз: задача - класть на странице произвольное количество объектов произвольного размера, так, чтобы не появлялись пустые места на месте их описания. Свойство display не спасает. Пока display=none, все ок, но при других значениях вылезают пустоты.

Или, совсем другими словами: объект должен размещаться в своих установленных размерах, но браузер не должен выделять ему никакого места на странице. И тогда объект "ляпается" поверх всего что попадается, его размер считается браузером нулевым (хотя реально это не так).

"Обманный" вариант, когда запрещается прокрутка страницы при вылезании элементов за пределы экрана, а "блуждающий" элемент размещается как раз за пределами - не годится: как раз нужно чтобы прокрутка была.

[s0rr0w]

Вы про что?

[aruru]

простой пример

<div>aaa</div>
<div style="position:relative;top:40px;">bbb</div>
<div>ccc</div>

Вот этот код дает тот же визуально результат что и

<div>aaa</div>
<br>
<div>ccc</div>
<div>bbb</div>

Согласны?

Потому что остается пустое место там, где был bbb

Задача!

Так описать <div .....>bbb</div>, чтобы НЕ ПОЯВИЛОСЬ пустого места между aaa и ccc

То есть, как если бы код был вот такой:

<div>aaa</div>
<div>ccc</div>
<br>
<div>bbb</div>

Т.е. меня интересует некое волшебное свойство))) благодаря которому код

<div>aaa</div>
<div style="position:relative;top:40px;magic:true;">bbb</div>
<div>ccc</div>

браузером отобразился бы также как

<div>aaa</div>
<div>ccc</div>
<br>
<div>bbb</div>

...другой пример. Представьте, что вы решили посреди страницы вставить десять больших изображений, задав им разные координаты в разных местах страницы. Угадайте, что будет посреди страницы? Пустое место, как раз где написаны все эти<img style="...координаты...">, и это некрасиво, а ЗАДАЧА сделать так чтобы пустое место НЕ образовывалось.

[s0rr0w]

Вот это другое дело, это уже предметный разговор, а то я не силен в ментальном анализе потока сознания...

 	<div>aaa</div>
 	<div style="position: relative; top: 2em;">bbb</div>
 	<div style="position: relative; top: -1em;">ccc</div>

Так?

Вообще-то, вам стоит формализировать всю задачу в целом, может быть мы боремся с ветряными мельницами..

[Tokolist]

Что за извраты?

Что маргинами и паддингами никак?

[s0rr0w]

Что за извраты?

Что маргинами и паддингами никак?

Да тут что не предлагай, все равно не поможет

[aruru]

Окей. Представьте что у вас на странице, такой красивой, есть скрытая форма, которая открывается при нажатии ссылки или кнопки. Ну, форма для отправки сообщения. Или картинка какая. Неважно. Но вот беда, пока форма скрыта (display=none), все хорошо, а когда она появляется, даже если она в html коде описывается в самом конце, справа появляется ползунок. А его быть не должно. Или он должен быть, но не должно появляться внизу тупого пустого пространства. И не потому что кто-то из юзеров его заметит А потому что, например заказчик тупой и требует чтобы косяков не было никаких. Ваще. Ваши действия

Или потому что исполнитель тупой извращенец и не знает элементарных вещей. Такой вариант тоже принимается к рассмотрению

[Tokolist]

Давайте ссылку на страницу с конкретным примером - подправим.

[s0rr0w]

position: absolute - не создает блоков в обычном потоке

[aruru]

s0rr0w Спасибо! Это реально работает. Именно то что нужно.