Solved

Full Size Page Background

Posted on 2014-02-12
4
380 Views
Last Modified: 2014-02-12
I am trying to make the page have a full size background regardless of the size of the browser window. I found code online but no matter what I do I cannot get it to work in this instance. Please help. HTML and CSS file are attached.
index.html
style.css
0
Comment
Question by:wayne_henry
  • 2
4 Comments
 

Author Comment

by:wayne_henry
ID: 39853994
I posted all code and images to http://irawaynehenry.com/rw/
0
 
LVL 38

Accepted Solution

by:
Tom Beck earned 500 total points
ID: 39854020
Remove this from the markup: <img src="images/rw-bg.jpg" id="bg" alt="">

Keep that image as a background to the body tag just the way you have it.

Add background-size: cover to the body css.
0
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
ID: 39854023
Try this

body {
background:url('images/your_image.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
0
 

Author Closing Comment

by:wayne_henry
ID: 39854036
Worked perfectly. Thank you!
0

Featured Post

What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Suggested Solutions

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

760 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now