вопрос
Привет.
У меня возникла такая проблема, как видно на скриншоте, то левый блок почему-то пополз вниз, не знаю в чем причина, никак не удается исправить, помогите пожалуйста )
код tpl:
код ccs:
У меня возникла такая проблема, как видно на скриншоте, то левый блок почему-то пополз вниз, не знаю в чем причина, никак не удается исправить, помогите пожалуйста )
код tpl:
<div class="comment-block">
<div class="comment-block-left">
<img src="{foto}" alt="" />
</div>
<div class="comment-block-ites">
<div class="cominfo">
Регистрация: {registration}
Комментариев: {comm-num}
</div> </div>
<div class="comment-block-right">
<div class="comment-block-right2">
<div class="comment-text">
<div class="comment-text-title">
{author} | [group=1]{ip}[/group] | {date} | Группа: {group-name}<div style="float:right; position:relative; bottom:0px; right:0px;" class="selectmass">{mass-action}</div>
</div>
{comment}<br />
[signature]<br clear="all" /><div class="signature">--------------------</div><div style="position:relative; bottom:5px;" class="slink">{signature}</div>[/signature]
[not-group=5]<div class="comment-text-more"><div style="border-top: 1px #ebebeb dotted"></div>[fast]Ответить[/fast] | [complaint]Жалоба[/complaint] | [com-edit]Изменить[/com-edit] | [com-del]Удалить[/com-del]</div>[/not-group]
</div>
</div>
</div>
</div>
код ccs:
.comment-block {
clear: both;
margin: 0 0 10px 0;
height: autopx;
position: relative;
padding: 1px 1px 1px 100px;
background: #f4f4f4;
border: 1px #d3d3d3 solid;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
.comment-block-ites {
width: 124px;
height: autopx;
overflow: hidden;
position: absolute;
left: 1px;
top: 142px;
background: #252525;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
padding: 7px;
border: 0;
border: 1px #e5e5e5 solid;
}
.comment-block-left {
width: 124px;
height: 124px;
overflow: hidden;
position: absolute;
left: 1px;
top: 1px;
background: #000;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
padding: 7px;
border: 0;
border: 1px #e5e5e5 solid;
}
.comment-block-left img {
width: 124px;
height: 124px;
max-width: 125px;
}
.comment-block-right {
margin: 0 0 0 42px;
position: relative;
padding: 0px 0 0 0;
}
.comment-block-right2 {
}
.comment-text {
background: #000;
border: 1px #e5e5e5 solid;
padding: 7px 7px 0px;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color: #7b7b7b;
line-height: 17px;
font-size: 11px;
}
.comment-text a {
color: #000;
}
.comment-text a:hover {
text-decoration: none;
}
.comment-text-title {
border-bottom: 1px #ebebeb dotted;
padding: 0 0 5px 0;
margin: 0 0 5px 0;
color: #333;
}
.comment-text-title a {
color: #3fadc8;
}
.comment-text-title a:hover {
text-decoration: underline;
}
.comment-text-more {
padding: 0px 0 2px 0;
font-size: 11px;
color: #d3d3d3;
}
.comment-text-more a {
color: #d3d3d3;
}
.comment-text-more a:hover {
color: #000;
}
.comment-block .bbcodes, .mass_comments_action .bbcodes, .news-item-content .editor input, .news-item-content input {
background: #fff;
border: 1px #ccc solid;
color: #333;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
margin: 0;
cursor: pointer;
}