Всем приветы! хочу сделать вот так как показано на картинке Вот код: HTML: <!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'> <title>%TITLE%</title> <link href="req/style.css" type='text/css' rel='stylesheet'> </head> <body> <div id='who'> Здравствуйте, %USER_NAME% </div> <div id='head'> Название страницы </div> <div id='container'> <div id="log_in"> <form action='' method='post'> <table border="1"> <tr> <td>Логин:</td> <td><input type="text" name="login" class="login"/> <div class="errorLogin"></div></td> </tr> <tr> <td>Пароль:</td> <td><input type="text" name="name" class="name" value="" /> <div class="errorName"></div></td> </tr> <tr> <td colspan="2"><input type='submit' name='subm' value='войти'></td> </tr> </table> </form> </div> </div> <div id='footer'> © </div> </body> </html> CSS: html { height: 100%; } body { margin: 0; padding: 0; background: #cccccc; font: 12px Verdana, Arial, sans-serif; color: #000000; } #who { width: 970px; margin: 0 auto; background: #CCFFFF; height:20px; } #head { width: 970px; margin: 0 auto; background:#FFFFFF; height:50px; text-align: center; font-size: 3em; } #container { width: 970px; margin: 0 auto; background: #DDDDDD; min-height:85%; } #footer { clear: both; height: 20px; padding: 10px; text-align: center; } #log_in{ width: 970px; text-align:center; display:table-cell; vertical-align:middle; } Цель какая: во первых чтобы третий див был с минимальной высотой, во вторых, чтобы содержимое этого дива (задумывалось что там будут таблицы разных размеров), но чтобы всегда были по центру. Подскажите что не так по коду
