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

Не работает высота блока в профиле


     20.10.2013    Общие вопросы по вёрстке    1786

вопрос
Суть вопроса такова: у меня в профиле пользователя есть общий фон...Я задал ему стиль height: auto; НО он почему то работает только на одном подблоке...
Вот код:
Страницы:

<div class=c>
<div class="h">
    <div class="t" style="margin-bottom: 10px;background: #fff;">
        {usertitle}
        <div class="" style="float: right;">[online]В сети[/online][offline]последний раз был в сети {lastdate}[/offline]</div>
    </div>
    <div class="u_l" style="position: relative;margin-left: 2px;">
        {pm}
        <div class="avatar"><img src="{foto}" width="200" height="200" class="u_i" style="background: #fff;"></div>
        <div class="i3" style="position: absolute;bottom: 1px;left: 7%;"><center>{edituser}</center></div>
    </div>
    <div class="u_r">
        <h4 style="margin-left: 10px;margin-bottom: 10px;margin-top: 1px;">
        [fullname]{fullname}[/fullname]
        [not-fullname]Аноним[/not-fullname]
        </h4>
        
        <div class="ua" style="float: left">Город:</div>
        <div class="uar">[land]{land}[/land][not-land]не указан[/not-land]</div>
        
        <div style="clear: both;"></div>
        
        <div class="ua" style="float: left">Группа:</div>
        <div class="uar"> {status} </div>
        
        <div style="clear: both;"></div>
    
        <div class="ua" style="float: left">Рейтинг:</div>
        <div class="uar">{rate}</div>
        
        <div style="clear: both;"></div>
        
        <div class="ua" style="float: left">Новостей:</div>
        <div class="uar">{news-num}</div>
        
        <div style="clear: both;"></div>
                
        <div class="ua" style="float: left">Комментариев:</div>
        <div class="uar">{comm-num}</div>
        
        <div style="clear: both;"></div>
        
        <div class="ua" style="float: left">О себе:</div>
        <div class="uar">{info}</div>
        
        <div style="clear: both;"></div>
    </div>
</div>
</div>

CSS:

.u_t {
    background: white;
    border: 1px solid black;
    border-radius: 3px;
    font-family: "Minion Pro";
    color: rgb( 190, 0, 0 );
    font-size:25px;
    font-weight:bold;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}

.u_l {
    width: 200px;
    margin-right: 10px;
    float: left;
    display: block;
    margin-left: 11px;
}

.u_r {
    float: left;
    display: block;
    font-family: "Minion Pro";
    color: rgb(0,156,255);
    font-size: 17px;
}

.u_i {
    border: 1px solid black;
    border-radius: 10px;
}

.h {
    margin: 6px;

    color: rgb(0,156,255);
}

.ua {
    font-family: "Minion Pro";
    margin-bottom: 4px;
    margin-left: 10px;
    font-weight:bold;
    width: 150px;
    float: left;
    margin-right: 50px;
    color: rgb(0,156,255);
}

.uar {
    float: left;
    font-weight:bold;
    width: 300px;
    word-wrap:break-word;
    color: rgb(0,156,255);
}

.c {
    width: 800px;
        height: auto;
    margin: 20px;
    background: #eeecec;
    padding: 15px;
    border: 1px solid grey;
    border-radius: 5px;

}

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


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

n1ghtman199
10

n1ghtman199 - 20 октября 2013 09:09 - Юзер

Работает только на класе t где указывается usertitle

coolteams
2

90 | 13

coolteams - 20 октября 2013 23:54 - Юзер

height:auto - это для картинок, но никак не для блоков.
display:table

n1ghtman199
10

n1ghtman199 - 21 октября 2013 13:25 - Юзер

Все равно не работает...отображает нормально лишь в том случае, если убрать у класса u_r стиль float: left...В чем дело я вообще не пойму...

coolteams
2

90 | 13

coolteams - 21 октября 2013 13:31 - Юзер

надо на сайте смотреть, этого куска кода мало.

n1ghtman199
10

n1ghtman199 - 21 октября 2013 14:18 - Юзер

Проблему я решил...Пришлось блок "о себе" вынести в отдельный класс...

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

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