Solved

bg image issue on bigger screens

Posted on 2011-09-27
2
221 Views
Last Modified: 2012-05-12
I wonder if there is a way to make my page bg continue all the way down regardless of the page resolution or the main body .

Please excuse my poor description on the issue, please see css and image attached, I can also provide a screenshot.

CSS

background: url(../../images/bg/gradientTeal.png) top left repeat-x;

Open in new window

gradientTeal.png
0
Comment
Question by:TonyReba
2 Comments
 
LVL 16

Expert Comment

by:JF0
ID: 36713279
Commonly you will set a background color equal to the color of the last pixel of your gradient. Then when your gradient ends it blends in with the solid background color, the solid background color then repeats as necessary for the page..
0
 
LVL 16

Accepted Solution

by:
SSupreme earned 250 total points
ID: 36714063
You can use the following to make gradient background for body or any other div, Check it:
body {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#4dc4c2'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#4dc4c2)";
 /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#4dc4c2)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ffffff,  #4dc4c2); /* for firefox 3.6+ */ }
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

Suggested Solutions

Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

773 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