Раздел нижнего колонтитула поднимается на определенной странице

Question

Я изучаю информатику, на втором курсе, во время учебы, я решил учиться самостоятельно, PHP.

Я пытаюсь создать торговый сайт, весь сайт Построил, все работает, проблема только одна. Я разобрал сайт на части - часть верхнего колонтитула, часть нижнего колонтитула, основная часть.

Когда пользователь хочет совершить покупку, я перенаправляю его на специальную страницу - где отображаются детали заказа, проблема в следующем - Я хочу, чтобы нижний колонтитул был внизу страницы - как и в других частях страницы - только на этой странице - нижний колонтитул посередине.

Я пытался превратить include в require; Пытался дать ему позицию в css - у меня не получилось. На других страницах он работает, на одной странице не работает должным образом.

Извините за неудобства, я пытаюсь выяснить, почему на одной странице он не работает должным образом, спасибо за помощь.

<?php
include('header.php');
include('arrays.php');


$obj = json_decode($_POST['array_data'], true);
$totalPrice = $_POST['totalPrice'];

echo '
<div class="my-container">
<table class="table table-dark">
<thead>
        <tr>
            <th scope="col">Title</th>
            <th scope="col">Price</th>
            <th scope="col">Amount</th>
            <th scope="col">picture</th>
        </tr>
        </thead>
        <tbody>
        
        ';
$count = 0;
foreach ($obj as $row) {
    if ($row['amount'] > 0) {
        echo
            '<tr>
            <th scope="row">' . $row['name'] . '</th>
            <td>' . $row['price'] . '</td>
            <td>' . $row['amount'] . '</td>
            <td><img class="img-fluid img-thumbnail" src=' . $Items[$count]['picture'] . '></td>     
        </tr>';
    }
    $count++;
}

'<tbody>
</table>
</div>';

include('footer.php');
?>

полный код на github: https://github.com/avraamya/website-development

введите описание изображения здесь

Answer 1

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2.5rem;            /* Footer height */
}

Полагаю, нижний колонтитул останется внизу страницы.

Answer 2

Попробуйте этот стиль для своего тега нижнего колонтитула. Надеюсь, это сработает.

.footer { position: absolute; right: 0; bottom: 0; left: 0; padding: 1rem; text-align: center; background-color: #B0C4D4;}