VPF::отступы внизу страницы - Форум программистов

Loginanton

Дата 27.8.2009, 20:27 (ссылка)

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

Загрузка ...

Шустрый

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

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

html:

Код

<!DOCTYPE html>
<head>
 <title>tmp page</title>
 <link rel='stylesheet' href='skl.css'>
</head>
<body>
 <div id='top'></div>
 <div id='left'>буквы</div>
 <div id='right'>буквы</div>
</body>

css:

Код

body {
 width: 600px;
 margin: 0px auto;
 padding: 10px;
 }
 
#top {
 height: 100px;
 margin: 0px;
 padding: 0px;
 }
 
#left {
 width: 75%;
 margin: 0px;
 padding: 0px;
 float: left;
 }
 
#right {
 width: 25%;
 margin: 0px;
 padding: 0px;
 float: left;
 }
#top {
 background: #ccc;
 }
 
#left {
 background: #aaa;
 }
 
#right {
 background: #888;
 }

Подскажите как сделать так чтоб body "натягивался" и на floatнутые блоки тоже, без заключения #top #left #right в отдельный див, чтоб снизу страницы был отступ.

skyboy

Дата 28.8.2009, 00:04 (ссылка)

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

Загрузка ...

неОпытный

Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

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

можно попробовать задать body overflow: hidden, правда, не уверен на 100% что к body это применится - возможно, придется ввести дополнительный div-контейнер.

bars80080

Дата 28.8.2009, 00:10 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

по-моему, надо всё-таки принимать body, как неизменный блок равный экрану. проставить ему width: 100%, height: 100% (в том числе и элементу html). а растягивать под нужные размеры некий внутренний блок <div id="PAGE">, В котором уже будет всё остальное

тогда всё будет корректно

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