1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Смещение картинок с сообщениях

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

Аватар пользователя Captain Flint Captain Flint 22 сентября 2007 в 11:10

Периодически встречаю ситуации, когда в сообщении аватар выходит за пределы блока ответа, например как тут: http://drupal.ru/node/7942 (поиск по строке "igdrasil@drupal.org, пт, 21/09/2007 - 20:26").

Существующая на drupal.ru структура блока такая:

<div class="comment">
<span class="new">новое</span>
<div class="submitted">
</div>
<div>
<span id="vote_points_51607" class="vote-points">0 </span>
<div class="vote-up-down-widget">
</div>
</div>
<div class="picture">
</div>
<div class="content">
</div>
<div class="links">
</div>
</div>

Если сменить на такую:

<div class="comment">
<span class="new">новое</span>
<div class="submitted">
</div>
<div>
</div>
<div class="picture">
</div>
<div class="content">
<p>лови плюсы)))</p>
</div>

<br  class="clear">

<div class="links">
</div>
</div>

где

.clear {
clear:both;
font-size:0em;
height:0px;
line-height:0px;
}

то выглядеть всё будет так, как надо - красиво и на своём месте. В общем-то, пост адресую Axel'ю, чтоб просмотрел при случае, но понадобиться может многим, поэтому и пишу в форум.

Комментарии

Аватар пользователя igdrasil@drupal.org igdrasil@drupal.org 22 сентября 2007 в 12:04

clear:both можно вообще в класс .links прописать
но я обычно делаю
.comment{
overflow:auto;
zoom:1;
}
zoom обычно редко используется, поэтому для правки глюка ИЕ с overflow отлично подходит, если же задать явно ширину - можно переопределить какие-то стили...