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

#208250
mvosonline
Participant

Thnx mhodges44 your answer was really helpfull, you are a true boss! It is almost working now! :) I have a additional question, for some reason the position of the background image is not centered horizontally anymore. Do you now why background-position: center center; is not working or how I can solve this?

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

Also another question, do you now if it is possible to give the dots a position with %? So I won’t have to use media queries for this. What do you think?