• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 282
  • Last Modified:

Background image not appearing properly in IE7

Hi,

I have set a background image on the #comments div on the following link:

http://www.bluebean.org.uk/sites/tracynewman/accountancy-advise.html

However, when i view it in IE7, only half the background image appears?

I hope someone can help me out with this issue?

Many thanks

Andrew
0
Andy6350
Asked:
Andy6350
  • 4
  • 4
1 Solution
 
Paul-BCommented:
Make sure you have either spaces between your attributes or even better on separate lines like so

Background-image:url('image.jpg');
Background-repeat:no-repeat;
Background-color:#eee;

Open in new window


Generally lack of spacing is the reason IE7 fails
0
 
Andy6350Author Commented:
I removed any unnecessary spacing in the CSS which relate to those elements, and still no luck.

Just seems strange. I thought it might be a background issue with the first two divs in the comment div as you can see some of the background, just not the top part.
0
 
LZ1Commented:
Try using this for the comments CSS:

#comments {
    background: url("images/reply-bg.jpg") repeat-x center top;
    clear: both;
}

If your still having problems after that, then we know there's something else going on
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
Andy6350Author Commented:
Unfortunately, still not luck.

I cant see why it would only show the background below the ol.commentlist div
0
 
LZ1Commented:
I just checked in IE 7, 8 & 9 and it looks good now.  

What did you change?
0
 
Andy6350Author Commented:
I put in the following as suggested:

#comments {
    background: url("images/reply-bg.jpg") repeat-x center top;
    clear: both;
}

Although still wrong on mine, maybe i have to clear the catche etc.
0
 
LZ1Commented:
Try doing a CTRL+F5 after you clear your cache
0
 
Andy6350Author Commented:
strange, cleared cache, done ctrl+f5. Still shows the same :/ do you think its adobe labs playing up. Im using a mac and its the only way i visually text in IE. Do you know any better suggestions in debugging?
0
 
LZ1Commented:
On a Mac, I don't.  You could try using http://browsershots.org/ or http://spoon.net/browsers
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 4
  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now