Solved

CSS Background image not showing up properly in IE6

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

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

773 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