If your divs are not displaying correctly, check your code structure:
I have provided a sample code snippet below with a "main-content" div and a "footer" div nested within the "body" tag:
HTML:
<body>
<div id="main-content">
<p>1234 testing 1234</p>
<p>main content goes here</p>
<p>4321 testing 4321</p>
</div>
<div id="footer">
<p>Contact information here</p>
</div>
</body>
In addition, I have included CSS styling to enhance the visibility, such as setting the footer color:
body {
background: url("http://www.neyralaw.com/wp-content/uploads/2012/07/tokyo-blue-background-4547.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#main-content {color:yellow;}
#footer {position:absolute; bottom:0; color:white;}
To improve clarity, I have replaced the local image URL with a web image link in the example. Any valid image URL can be used for the background. Also, I changed "html" to "body" in the CSS as it is more appropriate to style the body of the page. However, even if you use "html" instead of "body", the styling will still work!
View the demo here: http://jsfiddle.net/Ee74C/4/
Keep coding,
Thodoris