VPF::Сделать 3 div'а autoresize - Форум программистов

zluka

Дата 26.1.2012, 13:14 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 278
Регистрация: 27.7.2006

Репутация: нет
Всего: 2

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

Вот 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 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 10
Всего: 45

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

Код


min-width: 850px;

zluka

Дата 30.1.2012, 14:11 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 278
Регистрация: 27.7.2006

Репутация: нет
Всего: 2

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

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

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

--------------------

$дмитрий

Дата 30.1.2012, 15:57 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 10
Всего: 45

Цитата

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

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

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »