CSS jформление новости в dle

[tylik]

Я "переделываю" родной шаблон dle 9.4 на свой. И когда дело дошло до CSS Оформления новости в dle - тупик.

Создал нужные мне доп. поля.

Вставил их коды в нужные места.

Все поля для перемещения закрыл divaми.

Мне нужно чтобы каждый div занимал определенное место и не двигался, как absolute.

Когда всем divам через absolute, top, left, места указал. Получилось что вся информация со всех новостей на странице оказались в одном месте.

Адрес моих тестов: _http://like.idhost.kz/test/

Как я хочу:

tpl

<div id="nstyle">
  <div id="title">[full-link]{title}[/full-link]
    <div class="oname">[xfgiven_oname][xfvalue_oname][/xfgiven_oname]</div>
    <div class="ncats">Жанр: {link-category}</div>
  </div>
    <div class="poster"><a href="{full-link}"><img src="[xfgiven_poster][xfvalue_poster][/xfgiven_poster]" /></a></div>
    <div>{short-story}</div>
    <div class="nviews">Зрителей: <b>{views}</b></div>
    <div class="ncoms">Отзывов: <b>{comments-num}</b></div>
</div>

css

#nstyle a {
  color: black;
}

#nstyle li {
  list-style-type: none;
}

#title {
  background-color: #f1f1f1;
  height: 40px;
  font-weight: bold;
  font-size: 16px;
  text-indent: 20px;
  line-height: 28px;
}
.oname, .ncats {
  font-size: 12px;
  color: #666;
}

.oname {
  margin-top: -10px;
}


.ncats {
  margin-top: -40px;
  margin-left: 280px;
}

.poster {
  background-color: #f1f1f1;
  width: 128px;
  height: 180px;
  padding: 5px;
}

.ninfo {
}

.nviews {
  top: 100px;
}

.ncoms {
  text-indent: 24px;
}

А если как сейчас все marginами двигать, то если одно поле не заполнить, все поля, что ниже, сдвигаются

Я не прошу мне код написать. А скажите что за команда нужна которая указывает абсолютное место по отношению к родительскому div, а не по отношению к месту где он находится. absolute, он все div с одной страницы перемещяет в одно место.

Edited December 22, 2011 by tylik