Solved

IE6 banner heading alignment

Posted on 2009-07-03
1
417 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:
renazonse earned 100 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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Add css and js to MVC Project not in project 9 35
compact pure CSS Read More Toggle 4 58
Divi Them Help with Full Width header 20 59
Not seen Link button 5 37
When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
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…

813 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

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now