Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Сделать 3 div'а autoresize

Автор: zluka 26.1.2012, 13:14

Здравствуйте.

Вот html код:

Код


<div class="main_box">
    <div class="messages1_box user_msg">
        <p>info1</p>
    </div>

    <div class="messages1_box">
        <p>info2</p>
    </div>

    <div class="statistics">
        <p>stat</p>
    </div>
</div>

CSS:

Код


div.main_box {
    min-width: 800px;
    width: auto;
}

div.messages1_box {
    float: left;
    min-width: 370px;
    width: 41%;
}
div.user_msg {
    clear: both;
}
div.messages2_box {
    float: left;
    min-width: 370px;
    width: 41%;
}
div.statistics {
    float: left;
    width: 12%;
}

Блоки div.messages1_box и div.messages2_box ведут себя нормально, то есть при уменьшении окна браузера, они делаются autoresize до определенного момента (параметр min-width: 370px;)
А вот 3й блок div.statistics постоянно сползает вниз.
Как сделать чтоб он оставался на одной линии с первыми двумя блоками и не сползал вниз?

Спасибо.

Автор: $дмитрий 26.1.2012, 14:40

Если у первого дива прописать размер побольше, сволзать не будет

Код


min-width: 850px;

Автор: zluka 30.1.2012, 14:11

Спасибо. Помогло)

Еще один вопрос. Можно ли средствами css сделать autoresize блоков div.messages1_box и div.messages2_box по высоте?
Т.к. height: auto, и разные комбинации с ним не помогают:(

Или это только с помощью javascript возможно?

Автор: $дмитрий 30.1.2012, 15:57

Цитата

Можно ли средствами css сделать autoresize блоков div.messages1_box и div.messages2_box по высоте

У родителя должна быть задача высота