Currently in the process of creating my website. I've successfully added my banner and footer, but unfortunately, I'm facing an issue with the background. It seems to not be stretching out properly, leaving some empty white space.
Click here to see what's happening:
When I try using background-size: 100%, the background disappears entirely. The same thing occurs when I attempt to use background-size: cover;.
Here is a snippet of my HTML code:
<div class="content">
</div>
<div class="footer">
</div>
And here is the relevant CSS:
.content {
min-height: 690px;
background: url("background.png");
background-size: 100%;
}
.footer {
min-height: 200px;
background: url("footer.png");
background-repeat: repeat-x;
}