Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

IE6 banner heading alignment

Posted on 2009-07-03
1
Medium Priority
?
430 Views
Last Modified: 2012-06-27
Could you please help me out to resolve this issue?
I am facing this strange issues in IE6. Any Ideas?

Thanks in advance


<div class="banner">
<div class="hd">
<div class="c">Morbi lacus felis, euismod at, pulvinar sit amet</div>
</div>
</div>
 
.banner {
	width:100%;
	background-color:#a6c289;
	margin-bottom: 20px;
}
.banner .hd {
 background:transparent url(banner_l.png) no-repeat 0px 0px;
 margin-right:33px; /* space for right corner */
 height:31px
}
 
.banner .hd .c {
	background:transparent url(banner_r.png) no-repeat right 0px;
	margin-right:-33px; /* pull right corner back over "empty" space (from above margin) */
	height:31px;
	text-align: center;
	padding-top: 8px;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
}

Open in new window

ie7-firefox.png
ie6.png
0
Comment
Question by:eChalk
1 Comment
 
LVL 30

Accepted Solution

by:
Britt Thompson earned 400 total points
ID: 24773171
Is the banner image a .png using transparency? If so, IE6 doesn't support this and you'll need to use different CSS or an IEPNGFIX to get it to work properly.

see here:
http://www.twinhelix.com/css/iepngfix/
http://renazonse.com/stage/iepng.htm
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

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

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
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…
Suggested Courses

772 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