Как разместить мою веб-страницу на экране и почему она уходит за пределы экрана? ⇐ CSS

[Anonymous]

Я создал веб-страницу, скриншот которой приложен ниже.


Здесь нижний колонтитул сдвинут вправо. Слева есть явный пробел, а справа он выходит за пределы страницы, скрывая букву «t» и частично скрывая «h».
Код, который я написал, приведен ниже,

Код: Выделить всё

.FullBody {
background-image: url('BackgroundImage.jpg');
background-size: 100%;
}

.Heading {
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
font-size: xx-large;
align-content: center;
text-align: center;
color: azure;
height: 100px;
}

.Footer {
height: 40px;
background-color: black;
color: white;
align-content: center;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: medium;
width: 100%;
position: fixed;
bottom: 0px;
}

.FooterLeft {
float: left;
float: right;
}

Код: Выделить всё

Image Gallery




Responsive Image Gallery


Copyright
Created - 03/07/2024

Я не могу найти какую -либо ошибку или какую -либо исправление.
Еще один вопрос -
Когда внутри класса .FullBody я сделал размер фона: 50%, изображение изменилось, но я так не думаю это 50% (просто посмотрите). Подскажите, если я что-то упустил. Здесь мне кажется 70-80%.


Я пытался выровнять элементы, но это не сработало.
Я искал и нашел результаты, связанные с высотой, но не нашел результатов, связанных с шириной.
Вот вопрос StackOverflow о том, как подогнать веб-страницу точно под размер экрана без прокрутки? Он также содержит ссылки на другие ссылки (все связаны с высотой).

Подробнее здесь: https://stackoverflow.com/questions/787 ... the-screen