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



Unless you’re using ie8, opera mini or an older android browser there shouldn’t be an issue with height: calc(100vh - 143px);

Reviewing the code you posted, I noticed a couple of things:

1.background-image:url(‘../images/kaartpage3.png’); You have some “fancy” quotes in there, which is incorrect syntax… in fact, you don’t even need quotes in the url.

2. height: calc(100vh – 143px); The dash you have in calc is actually an em-dash, which is not correct, change it to a regular dash.

I’m not sure if those sytanx issues are due to how this site rendered your code, but when I copy and pasted your code into codepen and fixed those issues, the background image showed up…