VPF::Расположить div'ы по углам - Форум программистов

abb

Дата 13.4.2009, 00:37 (ссылка)

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

Загрузка ...

Новичок

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

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

Есть div (background), содержащий в себе 2 div'а (lt и rb).

Код


<div id = "background">
    <div id = "lt" />
    <div id = "rb" />
</div>

Код


#background
{
    position: absolute;
    width: 100%; height: 100%;
    left: 0; top: 0;
}

lt должен находиться в левом верхнем углу, здесь все нормально

Код


#lt
{
    background-image: url(./img/lt.jpg);
    width: 300px; height: 300px;
    position: relative; left: 0; top: 0;
}

А rb должен находиться в правом нижнем углу, но он туда не встает

Код


#rb
{
    background-image: url(./img/rb.jpg);
    width: 300px; height: 300px;
    position: relative; left: 100%; top: 100%;
}

Как расположить rb в нижнем правом углу?
Заранее спасибо!

P.S.: И еще вопрос: background имеет высоту и ширину 100%, но если в последствии страница оказывается больше - он не растягивается. Можно ли это как-то побороть?

Kirill89

Дата 13.4.2009, 09:57 (ссылка)

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

Загрузка ...

Опытный

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

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

попробуй так

Код


#background
{
    position: absolute;
    width: 100%; height: 100%;
    left: 0; top: 0;
}

Код


#lt
{
    background-image: url(./img/lt.jpg);
    width: 300px; height: 300px;
    position: relative; left: 0; top: 0;
float:left;
}

Код


#rb
{
    background-image: url(./img/rb.jpg);
    width: 300px; height: 300px;
    position: relative; left: 100%; top: 100%;
float:right;
}

или

Код


#background
{
    position: relative;
    width: 100%; height: 100%;
    left: 0; top: 0;
}

Код


#lt
{
    background-image: url(./img/lt.jpg);
    width: 300px; height: 300px;
    position: absolute; left: 0; top: 0;
}

Код


#rb
{
    background-image: url(./img/rb.jpg);
    width: 300px; height: 300px;
    position: absolute; bottom:0px; right:0px;
}

Добавлено через 3 минуты и 28 секунд

Цитата(abb @ 13.4.2009, 00:37

)

P.S.: И еще вопрос: background имеет высоту и ширину 100%, но если в последствии страница оказывается больше - он не растягивается. Можно ли это как-то побороть?

не растягивается по высоте? какой доктайцп?
min-height:100%; пробовал?

Это сообщение отредактировал(а) Kirill89 - 13.4.2009, 09:59

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

GSteam[dot]info

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