Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

bg image issue on bigger screens

Posted on 2011-09-27
2
Medium Priority
?
251 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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 1000 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

Will your db performance match your db growth?

In Percona’s white paper “Performance at Scale: Keeping Your Database on Its Toes,” we take a high-level approach to what you need to think about when planning for database scalability.

Question has a verified solution.

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

Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
When it comes to security, close monitoring is a must. According to WhiteHat Security annual report, a substantial number of all web applications are vulnerable always. Monitis offers a new product - fully-featured Website security monitoring and pr…
This video teaches users how to migrate an existing Wordpress website to a new domain.
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…
Suggested Courses

688 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