Currently working on a website in Ubuntu 14.10.
Encountering an issue with Chrome not rendering the background correctly. The footer displays fine, covering the entire width, but the content div background remains white.
Check out the image for visual reference (Unable to post images due to reputation restriction on Stackoverflow):
This problem does not occur on OS X or Windows, and browser choice does not impact it.
I am using an Alienware M14X R2, suspecting Nvidia drivers could be causing the issue, but they are up to date.
Snippet for the background:
The issue is specific to this site, so it seems like there might be an error in my CSS. What's unusual is that it only happens on Ubuntu (and possibly other Linux distributions as well)
Here is the code snippet:
HTML (homepage.ejs)
<div ui-view ng-app="myApp" id="wrap-content">
<!--Content swapped with Angular and ui-router-->
</div>
CSS:
@media screen and (min-width: 1024px) {
html {
background: url("images/bg.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
div#wrap-content {
width: 900px;
height: 84vmin;
overflow: hidden;
margin: 0px auto;
position: relative;
top: 45px;
}
... some additional styles
}
Any assistance would be greatly appreciated.