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

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

Код: 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
Проблема с простой версткой - растяжка на 100% высоты
    #35872580
Who am I
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Как-то хреновенько описал проблему...

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


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