Solved

CSS Background image not showing up properly in IE6

Posted on 2008-06-11
4
4,786 Views
Last Modified: 2013-12-08
Hi - I have a background image set through CSS that shows up properly in Firefox 2 & IE7, but it doesn't render correctly in IE6.

It's the "Customer Testimonials" section at the bottom right.

Thanks in advance for any help.

/* Testimonials Style */

.sidec .quotes-quote {

	padding-right: 15px;

	padding-top: 35px;

	background-image: url(images/testimonials-top.jpg);

	background-repeat: no-repeat;

	background-position: top right;

	font-size: 7.5pt;

	color: #868686;

	padding-bottom: 5px;

	text-align: left;

	padding-left: 30px;

	display: block;

	float: none;

}

/* Testimonials Style */

.sidec .quotes-author {

	padding-right: 15px;

	margin-top: -20px;

	font-size: 7.5pt;

	color: #868686;

	background-image: url(images/testimonials-bottom.jpg);

	background-repeat: no-repeat;

	background-position: bottom right;

	display: block;

}

Open in new window

0
Comment
Question by:templeku
  • 2
4 Comments
 
LVL 42

Expert Comment

by:David S.
ID: 21765292
Try giving hasLayout to ".sidec .quotes-quote" and ".sidec .quotes-author". To understand what hasLayout is, read this:
http://www.satzansatz.de/cssd/onhavinglayout.html
(I discourage the use of the underscore hack, which it recommends though.)

You'll probably want to set the bottom margin on ".quotes-author p" to 0 as well.
0
 
LVL 4

Expert Comment

by:FSIFM
ID: 21769148
add to the css

sidec {
height: 100%;
}
0
 
LVL 4

Accepted Solution

by:
FSIFM earned 125 total points
ID: 21769164
sorry i meant

.sidec {
height: 100%;
}

(i forgot the dot before the sidec class)

0
 

Author Closing Comment

by:templeku
ID: 31466314
So quick and easy!  Thanks a lot!
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Although it can be difficult to imagine, someday your child will have a career of his or her own. He or she will likely start a family, buy a home and start having their own children. So, while being a kid is still extremely important, it’s also …
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
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…

747 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now