Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 439
  • Last Modified:

IE6 banner heading alignment

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
eChalk
Asked:
eChalk
1 Solution
 
Britt ThompsonSr. Systems EngineerCommented:
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now