[Решено] Почему Views выводит все тизеры (teasers) "друг-НА-друга" вместо "друг-ЗА-другом "?

Главные вкладки

Аватар пользователя Aventecho Aventecho 15 декабря 2011 в 18:45

Друзья!
Такая проблема.

Во время темизации вьюзов, поля тизеров при выдаче начинают накладываться друг на друга.

teasers

В чем может быть причина?

* Без темизации файла views-view-fields--catalog--page-1.tpl.php , тизеры выдаются нормально - друг-за-другом.

* Ниже - используемый код views-view-fields--catalog--page-1.tpl.php:

<?php

----------

<

div class="teaser">
      <
div class="pr_box"><?php print $fields['field_prbox_value']->content?></div>
      <div class="kit_teaser_pic"><?php print $fields['field_image_fid']->content?></div>
      <div class="teaser_info">
        <div class="kit_price"><?php print $fields['field_price_value']->content?></div>
        <div class="kit_num"><?php print $fields['field_kit_num_value']->content?></div>
        <div class="title_main">
        <?php print $fields['title']->content?>
        </div>
        <div class="subtitle_1">
        <h6><?php print $fields['field_subtitle_1_value']->content?></h6>
        </div>
        <div class="subtitle_2">
          <h3><?php print $fields['field_subtitle_1_value']->content?></h3>
        </div>
///...///
</div>

-----------
?>

Спасибо за понимание.

ВложениеРазмер
Иконка изображения teaser_duplicate.jpg391 КБ

Комментарии

Аватар пользователя Shok211 Shok211 15 декабря 2011 в 19:11

Так тут есть 3 варианта вы используете свойство absolute, вы используете float: left; Вы не закрыли тег. Что бы проверять все 3 предположения воспользуйтесь средствами разработчика в любом из браузеров (предпочитаю Chrome) и посмотри html код. (Гугл вам в помощь)

Аватар пользователя Aventecho Aventecho 15 декабря 2011 в 19:20

"Shok211" wrote:
вы используете свойство absolute

Спасибо!
Убрала absolute и тизеры расклеились.

Теперь думаю, чем заменить абсолют, чтобы сохранить внутреннюю структуру тизера.

Аватар пользователя Aventecho Aventecho 15 декабря 2011 в 19:50

"Shok211" wrote:
postion: relative;

В моем случае придется чуток переверстывать.

Но это уже не так страшно, как склеиные тизеры Smile

Аватар пользователя Aventecho Aventecho 16 декабря 2011 в 14:25

"bsyomov" wrote:
Абсолютное позиционирование это в большинстве случаев большое зло, стоит избегать.

Эт я уже поняла,
что попала на новый уровень загадочной неизвестности: как сверстать "сложный" тизер не используя абсолютное и относительное позиционирование, флоатинг, и таблицу (td, tr)?

Кхы. Пойду погуглю.