Абсолютная позиция блока... относительно другого блока?

[xapon]

Всем здрасте. Возникла у меня такая проблема. Имеется блок, который нужно размещать над другими блоками, чтобы он их перекрывал. Для этого использую position:absolute. Но приходится указывать положение этого блока. А если разрешение экрана будет не таким как у меня, то вся моя разметка полетит, потому что положение блока указывается относительно границ экрана. Мне нужно позиционировать его внутри моего "главного" блока, в котором содержится весь контент (он выровнен по центру). Но, судя по всему, это либо невозможно, либо придется делать так, чтобы он занимал себе отдельное место на экране, не перекрывая другие блоки - а это неприемлимо. Надеюсь, есть какой-то вариант решения.
Заранее спасибо.

[Rex]

Как вариант вот:


<div style="position:absolute; top:33%;left:33%;z-index:100; width:450px;">

Контент дива.
</div>

[Supercharged]

Смотри, тебе не надо top и left задавать вообще. Позиционируй блок с помощью margin. Естественно он должен у тебя находится в том диве, относительно которого ты будешь позиционироваться.

Код: [Выделить]

<div>

      <div style="position:absolute;margin:-100px -200px 0 0">
         Это твой плаваюший поверх блок
      </div>

   Относительно этого блока тебе надо размещаться
</div>

[Rex]

Смотри, тебе не надо top и left задавать вообще. Позиционируй блок с помощью margin. Естественно он должен у тебя находится в том диве, относительно которого ты будешь позиционироваться.

Код: [Выделить]

<div>
      <div style="position:absolute;margin:-100px -200px 0 0">
         Это твой плаваюший поверх блок
      </div>
   Относительно этого блока тебе надо размещаться
</div>

Да, кстати, так даже удобнее

[dark_kz]

Вот еще по этому шаблону можно сделать:

Код: [Выделить]

#CENTERED
{
       position:absolute;
       left:50%;
       top:50%;
       z-index:100;
       width:X px;
       height:Y px;
       margin-left: -X/2 px;
       margin-top: -Y/2 px;
       text-align:center;
       border:1px solid #CCC;
}       

<div id="CENTERED">Центр</div>


[xapon]

Смотри, тебе не надо top и left задавать вообще. Позиционируй блок с помощью margin. Естественно он должен у тебя находится в том диве, относительно которого ты будешь позиционироваться.

Код: [Выделить]

<div>

      <div style="position:absolute;margin:-100px -200px 0 0">
         Это твой плаваюший поверх блок
      </div>

   Относительно этого блока тебе надо размещаться
</div>

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