Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Responsive background image problem Reply To: Responsive background image problem

#208255
mvosonline
Participant

Ok, I added it on the .background but when I scale my browser size the footer still overlaps.
And when I replace it with height 80% the background is not visible anymore. Should I move the line: “height: calc(100vh – 143px);” ?

.background {
position:fixed;
width: 80%;
top: 100px;
height: 80%;
background-image:url(‘../images/kaartpage3.png’);
background-repeat: no-repeat;
margin: 0 auto;
background-size: contain;
background-position: center center;
height: calc(100vh – 143px);
}