Solved

CSS Background image not showing up properly in IE6

Posted on 2008-06-11
4
4,794 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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

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

Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
This video teaches users how to migrate an existing Wordpress website to a new domain.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

792 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