Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Как сделать, чтобы фон комментария обтекал?

Как сделать, чтобы фон комментария обтекал?


     28.08.2016    Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)    522

вопрос
Уважаемые вебмастеры, как исправить данную проблему? То есть, чтобы аватар комментатора был в блоке.
Как сделать, чтобы фон комментария обтекал?


<div id="comment-id-3"><div style="width: 566px; padding: 0 5px 5px 5px;">
<div style="background: #f1f1f1;width: 554px;padding: 5px;border: 1px solid #bcc0c2;">
<div style="float: left; height: 100%; border: 1px solid #c2c2c2; margin: 0 5px 0 0;">
<img border="0" height="60" width="60" src="http://rcforum.su/customavatars/avatar30607_1.gif">
</div>
swag | 11 августа 2016 11:15
<div id="comm-id-3">Да, здесь будет мой комментарий</div>
</div>
</div></div>

Ответа пока нет


Комментарии пользователей (8)

irrwisch
49

408 | 160

irrwisch - 28 августа 2016 20:35 - Юзер


::after{
  content: "";
  display: table;
  clear: both;
}

вам в помощь

ZeN41k
97

ZeN41k - 28 августа 2016 20:37 - Юзер

подскажите, пожалуйста, что куда вставлять?))

irrwisch
49

408 | 160

irrwisch - 28 августа 2016 20:57 - Юзер


ZeN41k
97

ZeN41k - 28 августа 2016 21:13 - Юзер


Непонятная проблема.
Может из-за этого кода:
.clear {
margin:0;
padding:0;
height:1px;
clear:both;
width:100%;
}

irrwisch
49

408 | 160

irrwisch - 28 августа 2016 21:19 - Юзер

с скриншотами Вам на тнт, в битву экстрасенсов

ZeN41k
97

ZeN41k - 28 августа 2016 21:19 - Юзер


вот еще

irrwisch
49

408 | 160

irrwisch - 28 августа 2016 22:05 - Юзер

без линка на сайт/страницу с проблемой вам никто не сможет помоч

ZeN41k
97

ZeN41k - 28 августа 2016 22:13 - Юзер

значение display:table переместил с третьего div'a во второй и всё стало нормально отображаться, но пришлось час поломать голову)) Спасибо Вам за помощь!
<div id="comment-id-3"><div style="width: 566px; padding: 0 5px 5px 5px;display:table;">
<div class="myclass" style="">
<div style="float: left; height: 100%; border: 1px solid #c2c2c2; margin: 0 5px 0 0;">
<img border="0" height="60" width="60" src="http://rcforum.su/customavatars/avatar30607_1.gif">
</div>
swag | 11 августа 2016 11:15
<div id="comm-id-3">Да, здесь будет мой комментарий</div>
</div>
</div></div>

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы