Почему div не растягивается на всю страницу?

@LARGER · Регистрация: 08.01.2018

Author24 — интернет-сервис помощи студентам

Здраствуйте, мне нужно футер разтянуть на всю страницу, когда браузер открыт на весь экран, то всё ок, но когда его сжимаешь(браузер), то мой футер не растянут на все 100% скрин в скрепке, коды ниже

PHP/HTML

<?php 
    session_start();
 
    unset($_SESSION['errors']);
 ?>
 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Главная страница</title>
    <link rel="stylesheet" href="files/styles/total.css">
    <link rel="stylesheet" href="files/styles/index.css">
</head>
<body>
 
<div class="top">
    <div class="menu">
            <ul>
            <li>    <a href="/files/pages/tarif.php">Тарифы</a>   </li>
 
            <!-- <li>   <a href=""></a> </li>
 
            <li>    <a href=""></a> </li> -->
 
            <li>    <a href="/files/pages/aboutus.php">О нас</a>    </li>
 
            <li>    <a href="/files/pages/FAQ.php">F.A.Q</a>    </li>   
        </ul>
        
    </div>
 
    
    <?php if(!$_SESSION['login']){ ?>
    <div class="login">
        <form action="/files/scripts/php/handler_login.php" method="POST">
            <p>Логин: </p><input type="text" name="login" class="login-inputs login-input">
            <p>Пароль: </p><input type="password" name="password" class="login-inputs password">
            <button name="confirm" class="confirm">Войти</button> 
        </form> 
    </div>
 
 
<?php } else{ ?>
 
<div class="login">
        <a href="/files/pages/profile.php">Профиль</a>
</div>
 
<?php }?>
</div>
<!-- end  .top -->
 
 
<!-- begin .main -->
 
<div class="main">
    s
</div>
 
<!-- end .main -->
 
 
<!-- begin .footer -->
 
<div class="footer">
    s
</div>
 
<!-- end .footer -->
 
</body>
</html>

CSS

}
 
/* end main */
 
 
/* begin footer */
 
.footer
{
    position: absolute;
    bottom: 0;
    right: 0px;
    height: 45px;
    overflow: auto;
    width: 100%;
    text-align: right;
    background: #73a2bd;
    border-top: 5px solid #53829d;
}
 
/* end footer

@Freeze_Breeze · 04.08.2018, 23:58

LARGER, Вашего CSS кода мало для решения Вашей проблемы.

HTML5

1
2
3

<footer>
    <h1>"nj aenth</h1>
</footer>

CSS

footer {
  width: 100%;
  background-color: #ff88ff;
  position: absolute;
  bottom: 0;
  text-align: center;
}

	04.08.2018, 23:58