Solved

CSS Background image not showing up properly in IE6

Posted on 2008-06-11
4
4,796 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
[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
  • 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: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering 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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
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…
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…

726 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