VPF::А почему блок по вертикали не вытягивается ?

GQU

Дата 10.6.2011, 04:26 (ссылка)

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

Загрузка ...

Опытный

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

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

А почему блок по вертикали не вытягивается ?
margin:0 auto; - должен как я понял центрировать по горизонтали и top(от верхнего края до блока)=bottom(от нижнего края до блока)=0, т.е блок должен располагаться на всю страницу по-верикали

Код



<head>
<title>Пример</title>
<style type="text/css">
body {
background-color:#66cc66
}
#name {
margin:0 auto;
width:550px;
padding:30px;
border:3px solid #ffff00;
background:#ffffff url(1.png) no-repeat;
}
</style>
</head>
<body>
<div id="name">Текст описуемого блока</div>
</body>

Это сообщение отредактировал(а) GQU - 10.6.2011, 04:27

olldman

Дата 10.6.2011, 14:12 (ссылка)

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

Загрузка ...

Дед

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

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

Цитата

... т.е блок должен располагаться на всю страницу по-верикали

Кому должен, как он вообще может куму-то что-то должен? Что вы для этого ему прописали в стилях? ... ничего, а с чего он вам тогда должен?

GQU

Дата 10.6.2011, 17:13 (ссылка)

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

Загрузка ...

Опытный

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

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

Цитата

Что вы для этого ему прописали в стилях

margin:0 auto;
Почему ему этого мало?

olldman

Дата 11.6.2011, 05:13 (ссылка)

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

Загрузка ...

Дед

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

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

Цитата

Почему ему этого мало?

- потому, что элемент div по умолчанию не имеет высоты, да и значение "0", которое вы прописали, лишь обнуляет вертикальный отступ. Для того, чтобы элемент растянулся на всю высоту экрана, нужно:
1. указать высоту родителям, т.е. элементам html и body;
2. указать высоту самому элементу.

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