Solved

How to stretch background to fit any screen with current content

Posted on 2013-12-01
5
220 Views
Last Modified: 2013-12-08
I've tried different methods of making this background stretch and stay fixed while the content scroll over the top. I had it working until I added the content in the left column, which is a jQuery tabs with jQuery slideshow, and now it no longer works. Can someone please help me get this background to stay fixed and stretch to any size window?
http://sitedesyne.com/WBCA2/homepage.html

Currently I'm using a jQuery plug-in called "Easy Background Image Resizer."
http://johnpatrickgiven.com/jquery/background-resize/

Thank you so much!
0
Comment
Question by:Elizabeth2
  • 4
5 Comments
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 total points
ID: 39688672
You should start with clean html coding.  Placing your url into the validator there are some errors that you need to clean up http://validator.w3.org.  Once fixed, your problem may fix itself.

Otherwise, I like using http://buildinternet.com/project/supersized/
0
 

Assisted Solution

by:Elizabeth2
Elizabeth2 earned 0 total points
ID: 39692815
Thank you, I am at the mercy of the code written by the different elements that we've purchased such as the Tabs (Code Canyon), the slideshow (Free online), and then the responsive grid system that my boss sent me to use. I will try to validate the code, but I've had this problem before where the code was written by someone else.

Actually, I was able to fix the background stretching issue.

Thank you so much for your help.
0
 

Author Comment

by:Elizabeth2
ID: 39692831
I'm sorry that I made a mistake and selected my own comment as the solution, when I meant to give full credit to Padas. Can you please correct this for me?

Thank you
0
 

Author Comment

by:Elizabeth2
ID: 39700206
Have the points been applied to Padas yet?
0
 

Author Closing Comment

by:Elizabeth2
ID: 39704068
I made a mistake and selected my own response by mistake. I meant to give full credit to Padas.
0

Featured Post

Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

821 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