Компьютерный форум NoWa.cc - Растянуть div на 100% от предка

- CSS (https://nowa.cc/forumdisplay.php?f=313)

- - Растянуть div на 100% от предка (https://nowa.cc/showthread.php?t=212163)

Растянуть div на 100% от предка

Помогите, css ninja..

Каскадные стили съели мой моск.. уже неделю бьюсь.

Вот довольно таки известный способ сделать footer:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

        <style type="text/css">

          * {

            margin: 0;

            padding: 0;

          }



          html {

            height: 100%;

          }



          body {

            height: 100%;

          }



          #wrapper {

            min-height: 100%;

            height: auto !important;

            height: 100%;

            margin: 0 auto -30px; /* нижний margin является отрицательной величиной высоты footer */

          }



          #footer, #push {

            height: 30px; /* .push должен быть той же высоты, что и .footer */

          }



          #footer {

            background-color: #F27500;

          }



          #up {

            height: 100px;

            background-color: #70A6FF;

          }



          #center {

            background-color: #9DC400;

            height:100%;

          }

        </style>

        <title>template</title>

</head>

<body>

<div id="wrapper">

        <div id="up">

          Hello, up

        </div>

        <div id="center">

          Hello, center

        </div>

        <div id="push"></div>

</div>

<!-- end of wrapper -->

<div id="footer">

  Hello, footer

</div>

</body>

</html>

Вопрос: как сделать так, чтобы center занимал все белое пространство? :quest: