Background Not Showing Up

Discussion in 'CSS' started by keydin, Jan 22, 2008.

0
  1. #1
    I am having a weird problem in IE7. I have a shadow background that all of the sudden stopped appearing in IE7. It shows up in IE6, FF, Safari. Go to http://ranchovistachurch.com to see what I am talking about.

    Here is the CSS:

    
#shadeback {
	background-image: url(images/shade.jpg);
	background-repeat: repeat-y;
	background-position: center;
	margin:0 auto;
	padding:0px;
}
    Code (markup):

     
    keydin, Jan 22, 2008 IP
  2. keydin

    keydin Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Any thoughts?
     
    keydin, Jan 23, 2008 IP
  3. JK Net

    JK Net Peon

    Messages:
    80
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Add this to CSS ...

    body {
text-align: center;
margin: 0;
padding: 0;
}

.background_img { 
background-image: url(images/shade.jpg); 
background-repeat: repeat-y; 
width: 974px; 
margin: 0 auto; 
padding: 0; }
    Code (markup):

    Then put in the code of the page:

    In the immediate wake of <body>
    <body>
<div class="background_img">
    Code (markup):
    Before </body>
    </div>
</body>
    Code (markup):

    This should give ...

    At the least is a picture of what you can do!
     
    JK Net, Jan 24, 2008 IP
  4. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #4
    You've got a gazillion css sheets... whew! You need to remember exactly what you did right before it stopped showing in IE7.

    This could be a bug.
     
    Stomme poes, Jan 24, 2008 IP
  5. anupkumarpandey

    anupkumarpandey Peon

    Messages:
    10
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Hi
    dear use this it works..
    #shadeback {
    background-image: url(../images/shade.jpg);
    background-repeat: repeat-y;
    background-position: center;
    margin:0 auto;
    padding:0px;
    }
    anup kumar pandey
     
    Last edited: Apr 10, 2011
    anupkumarpandey, Apr 10, 2011 IP