• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 430
  • Last Modified:

Full Size Page Background

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
wayne_henry
Asked:
wayne_henry
  • 2
1 Solution
 
wayne_henryAuthor Commented:
I posted all code and images to http://irawaynehenry.com/rw/
0
 
Tom BeckCommented:
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
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
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
 
wayne_henryAuthor Commented:
Worked perfectly. Thank you!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Certified Penetration Testing

This CPTE Certified Penetration Testing Engineer course covers everything you need to know about becoming a Certified Penetration Testing Engineer. Career Path: Professional roles include Ethical Hackers, Security Consultants, System Administrators, and Chief Security Officers.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now