VPF::css - проблема с абсолютным позиционированием

N0dwis

Дата 7.10.2007, 11:22 (ссылка)

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

Загрузка ...

Бывалый

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

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

Здравствуйте.
Делаю страницу с тремя колонками при помощи <div> и css. Для выстраивания div-ов в одну строку, для получения колонок, использую либо position: absolute, либо float: left. Все нормально позиционируется, но(!) после этих колонок идет подножие сайта, а поскольку и position и float "удаляют блок из нормального позиционирования", то подножие сайта подтягивается вверх до уровня верха этих блоков.
Как это можно обойти? Вариант с таблицами не подходит.
Код ниже.

Код



<body>

<div id="header">
    заголовок
</div>

<div id="central">

    <div id="main">
        MAIN
    </div>
    
    <div id="addition">
        ADDITION
    </div>

</div>

<div id="footer">
    FOOTER
</div>

</body>

Код



body
{
    text-align: center;
}

/* заголовок сайта */
#header
{
    width: 1000px;
    height: 150px;
    border: 1px solid #000000;
    text-align: center;
    margin-left: auto; /* Отступ слева */
    margin-right: auto; /* Отступ справа */
}

/* центральная часть*/
#central
{
    width: 800px;
    top: 150px;
    border: 1px solid #000000;
    margin-left: auto; /* Отступ слева */
    margin-right: auto; /* Отступ справа */
}

/* основное содержимое */
#main
{
    width: 590px;
    float: left;
    border: 1px solid #000000;
}

/* дополнительное поле */
#addition
{
    width: 200px;
    float: left;
    border: 1px solid #000000;
}

/* подножие */
#footer
{
    width: 100%;
/*    border: 1px solid #000000; */
    text-align: center;
    margin-left: auto; /* Отступ слева */
    margin-right: auto; /* Отступ справа */
}

WebDisaster

Дата 7.10.2007, 11:34 (ссылка)

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

Загрузка ...

Опытный

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

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

Код


#footer {clear: both;}

?

Это сообщение отредактировал(а) Illuminaty - 7.10.2007, 11:54

N0dwis

Дата 7.10.2007, 11:37 (ссылка)

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

Загрузка ...

Бывалый

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

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

ОНО!
Спасибо!

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