VPF::2 div'а - Форум программистов

Smorodin

Дата 20.3.2011, 08:07 (ссылка)

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

Загрузка ...

Добрейший

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

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

Помогите, пожалуйста.
2 блока, друг рядом с другом. У одного фиксированная ширина, допустим, 200пикс, а второй - на все оставшееся в ширину место.
Спасибо.

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

Сделать можно все, только вопрос - когда?

Mavrun

Дата 20.3.2011, 09:45 (ссылка)

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

Загрузка ...

Бывалый

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

Репутация: 9
Всего: 13

Код


<div style="width:200px; float:left">sdfgdfs</div>
<div style="margin-left: 210px">fsdfdf</div>

Это сообщение отредактировал(а) Mavrun - 20.3.2011, 09:45

Amphiluke

Дата 20.3.2011, 09:49 (ссылка)

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

Загрузка ...

☽

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

Репутация: 9
Всего: 112

Код


.leftcol {
    background:#99FFCC;
    float:left;
    width:200px;
}
.maincol {
    background:#FFCC00;
}

Код


<div class="leftcol">
    <p>Помогите, пожалуйста.</p>
    <p>2 блока, друг рядом с другом. У одного фиксированная ширина, допустим, 200пикс, а второй - на все оставшееся в ширину место.</p>
    <p>Спасибо.</p>
</div>
<div class="maincol">
    <p>Помогите, пожалуйста.</p>
    <p>2 блока, друг рядом с другом. У одного фиксированная ширина, допустим, 200пикс, а второй - на все оставшееся в ширину место.</p>
    <p>Спасибо.</p>
</div>

Добавлено через 2 минуты и 9 секунд
Опередили. smile

Smorodin

Дата 20.3.2011, 09:54 (ссылка)

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

Загрузка ...

Добрейший

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

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

Спасибо =)

а если правый блок надо приспустить вниз на 300px, они оБа опускаются....
Простите за тупые вопросы, с версткой 100 лет не работал..

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

Сделать можно все, только вопрос - когда?

Amphiluke

Дата 20.3.2011, 10:05 (ссылка)

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

Загрузка ...

☽

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

Репутация: 9
Всего: 112

А вы используйте для смещения не margin-top, а padding-top

Код


.leftcol {
    background:#99FFCC;
    float:left;
    width:200px;
}
.maincol {
    margin-left:210px;
    padding-top:300px;
}
.maincontent {
    background:#FFCC00;
}

Код


<div class="leftcol">
    <p>Помогите, пожалуйста.</p>
    <p>2 блока, друг рядом с другом. У одного фиксированная ширина, допустим, 200пикс, а второй - на все оставшееся в ширину место.</p>
    <p>Спасибо.</p>
</div>
<div class="maincol">
    <div class="maincontent">
        <p>Помогите, пожалуйста.</p>
        <p>2 блока, друг рядом с другом. У одного фиксированная ширина, допустим, 200пикс, а второй - на все оставшееся в ширину место.</p>
        <p>Спасибо.</p>
    </div>
</div>

Smorodin

Дата 20.3.2011, 10:33 (ссылка)

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

Загрузка ...

Добрейший

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

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

Спасибо большое!
Когда последний раз верстал - все верстали еще таблицами =)

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

Сделать можно все, только вопрос - когда?

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