relative в процентах и опущенные элементы

[iDrugov]

В общем беру я пустую страницу и хочу сделать на ней релативный див, с указанием размера в процентах. Как выяснилось опытным путем, такое бывает нужно. Казалось бы, задача проста:

<div id="relative"></div>

#relative
{
  position: relative;
  display: block;
  height: 60%;
  width: 75%;
  background: #000;
}

НО не работает. Гугол вообще не дает ответов на такие вопросы, значит мы не ищем легких путей. И в первичном CSS помимо обнуления значений, пишем в body

  position: absolute;
  height: 100%;
  width: 100%;

Теперь любой релативный элемент "падает" вниз и его расположение приходится писать от bottom, что напрягает, но я никак не пойму, что нужно подправить. Есть идеи?

Edited October 21, 2012 by iDrugov

[npofopr]

как он вам растянется? если родитель "по нулям"

[iDrugov]

npofopr, кто растянется? Какой родитель?

ЗЫ

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

Edited October 22, 2012 by iDrugov

[wwt]

Что-то вы нагорбили.

Задача действительно проста.

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

[iDrugov]

wwt, в первой ссылке, как я вижу в Опера - пусто. В общем-то тот же самый код, без разницы.

А по второму примеру: Сам блок идет от левого верхнего края. А если внутрь этого блока поместить еще один релативный блок, кнопку например, то она идет от нижнего левого.

[sigma77]

iDrugov,

От какого нижнего левого?

http://jsfiddle.net/x5mXp/1/

Да и в опере всё нормально...

[iDrugov]

Хм. Переписывал сайт две ночи, не выходит, в том редакторе всё путем. Странно, буду переписывать еще ночь тогда