Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблема с простой версткой - растяжка на 100% высоты / 2 сообщений из 2, страница 1 из 1
16.03.2009, 19:36
    #35872552
Who am I
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с простой версткой - растяжка на 100% высоты
Господа,

Не могу понять, что я делаю не так:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <style type="text/css">
      * {
        margin: 0 ;
        padding: 0 ;
      }
      body {
        height: 100 %;        
      }
      html {
        height: 100 %;        
      }
      .up {
        background-color: yellow;
      }
      .content {
        background-color: lightgreen;
        height:  100 %;
      }    
    </style>
  </head>
  <body>
    <div class="up">
      Hello, up!
    </div>  
    <div class="content">
      Lorem ipsum dolor sit amet.
    </div>
  </body>
</html>

Высота нижнего дива становится равной высоте всей страницы. Почему?

Как мне делать так, чтобы нижний див растягивался до самого низа? Я не знаю размер верхнего дива.
...
Рейтинг: 0 / 0
16.03.2009, 19:54
    #35872580
Who am I
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Проблема с простой версткой - растяжка на 100% высоты
Как-то хреновенько описал проблему...

Нижний див пушится на размер верхнего дива и появляется скроллинг. Вот.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Проблема с простой версткой - растяжка на 100% высоты / 2 сообщений из 2, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]