Solved

Background image not appearing properly in IE7

Posted on 2012-03-20
9
274 Views
Last Modified: 2012-05-04
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
Comment
Question by:Andy6350
[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
  • 4
  • 4
9 Comments
 
LVL 4

Expert Comment

by:Paul-B
ID: 37743320
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
 

Author Comment

by:Andy6350
ID: 37743390
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
 
LVL 30

Expert Comment

by:LZ1
ID: 37743751
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
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:Andy6350
ID: 37745971
Unfortunately, still not luck.

I cant see why it would only show the background below the ol.commentlist div
0
 
LVL 30

Expert Comment

by:LZ1
ID: 37747858
I just checked in IE 7, 8 & 9 and it looks good now.  

What did you change?
0
 

Author Comment

by:Andy6350
ID: 37747872
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
 
LVL 30

Expert Comment

by:LZ1
ID: 37747880
Try doing a CTRL+F5 after you clear your cache
0
 

Author Comment

by:Andy6350
ID: 37747916
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
 
LVL 30

Accepted Solution

by:
LZ1 earned 500 total points
ID: 37747970
On a Mac, I don't.  You could try using http://browsershots.org/ or http://spoon.net/browsers
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

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

Suggested Solutions

#Citrix #Internet Explorer #Enterprise Mode #IE 11 #IE 8
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
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…

730 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