Question

Растягивается информер с комментариями информер брал отсюда

  <div class="web_now clearfix"> <div class="web_now_ava circle"> <a href="$PROFILE_URL$"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://kinodk.narod.ru/chat_files/noavatar2.gif<?endif?>" width="64" alt="" /></a></div> <div class="web_now_body"> <div class="web_now_body_top"> <a href="$PROFILE_URL$" target="_blank" class="comm-user">$USERNAME$</a> <a href="$ENTRY_URL$" class="fa fa-arrow-circle-o-right pull-right"></a> <span class="web_now_date">$DATE$ - $TIME$</span> </div> <div class="web_now_body_container"> <span class="comm_sprt"></span> <div class="web_now_body_mess shadow"> <div class="web_now_body_comment"><a href="$ENTRY_URL$"style="color: #333;">$MESSAGE$</a> </div> </div> </div> </div> </div>

 

  .web_now:nth-of-type(odd) .web_now_ava {float: right;}   .circle {border-radius: 50%;}   .web_now_ava {height: 57px;width: 57px;border: 4px solid #fff; box-shadow: 0px 0px 1px 1px #DDD;overflow: hidden;float: left;margin-top: 5px;}   .web_now_ava img {width: 110%;min-height: 112%; margin-top: -3px;margin-left: -2px;}   .web_now {position: relative;display: block;margin-bottom: 15px;}   .web_now_ava {height: 57px;width: 57px;border: 4px solid #fff;box-shadow: 0px 0px 1px 1px #DDD;overflow: hidden;float: left;margin-top: 5px;}   .web_now_ava img {width: 110%;min-height: 112%;margin-top: -3px;margin-left: 0px;}   .web_now:nth-of-type(even)   .web_now_body {margin-left: 75px;margin-top: 12px;}   .web_now:nth-of-type(odd)   .web_now_body {padding-right: 5px;margin-top: 12px;display: block;}   .web_now_body_top {margin-bottom: 8px;padding:0 5px;line-height: 22px;}   .web_now_body_top a.comm-user {color: #aab2bd;font-size: 14px;}   .web_now_date {color: #bfbfbf;float: right;font-size: 10px;margin-top: 2px;}   .web_now_body_top a.fa {margin-left: -14px;font-size: 16px;opacity: 0;visibility: hidden;transition:all 0.3s ease 0s;color: #d8d8d8;margin-top: 5px;}   .web_now_body_top a.fa:hover {color: #5bc4f3;}   .web_now_body_container {position: relative;}   .web_now_body_mess {background: #eaf3fa;border: 1px solid rgba(196, 196, 196, 0.47);border-radius: 5px;padding: 8px 12px 10px;color: #959595;font-size: 12px;line-height: 18px;z-index: 0;display: block;font-family: 'Exo 2', sans-serif;font-style: italic;font-weight: 300;}   .web_now_body_comment {max-height: 55px;overflow: hidden;}   .web_now_body_comment a {color: #3BAFDA}   .web_now:nth-of-type(even) .web_now_body .web_now_body_container span.comm_sprt{background: url(/imgs/comm_sprt_l.png) no-repeat 0px 0px;width: 25px;height: 17px;display: block;position: absolute;left: -8px;top: 8px;}   .web_now:nth-of-type(odd) .web_now_body .web_now_body_container span.comm_sprt{background: url(/imgs/comm_sprt_r.png) no-repeat 0px 0px;width: 25px;height: 17px;display: block;position: absolute;right: -22px;top: 8px;}   .web_now:nth-of-type(odd) .web_now_ava {float: right;}   .web_now:nth-of-type(odd) .web_now_body {margin-right: 70px;}

 

Подскажите кто может, в мобильной версии всё нормально.

Answer 1

Отредактируйте стили в файле - http://kinodk.narod.ru/tab2/tab2.css найдите строку номе 39:

#wr-tabs .content-tabs .tab-cont.active{
            display: block;
            max-width: 292px;
        }

добавьте выделенное, это должно решить проблему.

Comments

Спасибо Вам, большое)