Форум Flasher.ru - подскажите css-код.

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)

- - подскажите css-код. (http://www.flasher.ru/forum/showthread.php?t=116939)

подскажите css-код.

есть картинка, которая плавает, ценьрируясь по центру экрана.
Кроме этой картинки есть блок текста, который надо поместить над картинкой в определенном месте.
Решаю это, помещая картинку и текстсовый блок в один div и указывая для текстового блока position:relative; top:...; left:...;
Получается что-то типа:

Код:

<div style=" text-align:center;">

<div style="position:relative; top:100px; left:100px;">

text here

</div>

<img src="..." />

</div>

тестовый блок смещен, как мне надо, но на том месте где был текст остается отступ, который сдвигает картинку вниз. Можно конечно сварганить отрицательный margin для картинки, но, насколько я знаю, есть вариант манипуляций с position:absolute, position:relative, просто никак не соображу.

рисуйте эскиз. Из вашего описания образ желаемого результата у меня не сформировался.

Насколько я знаю, position:relative не меняет расположения контейнера, т.е. текст влияет на свое окружение также, как до трансформации.

вот такое мне нужно было:

Код:

.rel {

position:relative;

width:300px;

height:300px;

background:url(1.jpg);

}

.abs {

position:absolute;

left:20px;

top:20px;

width:200px;

border:1px solid black;

}



<div class="rel">

<div class="abs">

 <p class="text">ffffffff fdsgs sdfg sdf s fgsdf gjhfjf fghfhjfh fjhfjf fjhfgh fghfhjf<br>

 dfhg dghd dfghdh dfghdhd fgh dfghdhgd fghdg dfghdhd</p>

</div>

</div>