Solved

How to stretch background to fit any screen with current content

Posted on 2013-12-01
5
222 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

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
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 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…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

856 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