Solved

Background image not appearing properly in IE7

Posted on 2012-03-20
9
275 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

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!

Question has a verified solution.

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

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
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…

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