Forums
View unanswered posts | View active topics It is currently Fri Oct 31, 2014 9:55 pm



Reply to topic  [ 3 posts ] 
 IE8 not rendering, deleting background-colour 
Author Message

Joined: Wed Sep 08, 2010 4:39 am
Posts: 2
Post IE8 not rendering, deleting background-colour
I have an 'a' tag displayed block with border-radius applied to it. In IE6/7 and firefox and chrome it works fine. In IE8 not only are the corners not rounded, but the background-color applied to them disappears. When I inspect the element it thinks the background-color is there...

Any ideas?


div#header ul#mainNav {
position:absolute;
top:153px;
left:650px;
display:block;
width:250px;
}
div#header ul#mainNav li {
float:left;
display:inline;
clear:left;
width:250px;
height:20px;
margin-bottom:5px;
padding-left:16px;
background:url(../images/template/mainNavLi.gif) top left no-repeat;
background-position:0 3px;
}
div#header ul#mainNav li a {
float:left;
display:block;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
color:#fff;
background-color:#B40F5A;
padding:2px 4px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius:6px;
behavior:url(js/PIE.htc);
}


Wed Sep 08, 2010 4:43 am
Profile

Joined: Wed Sep 08, 2010 4:39 am
Posts: 2
Post Re: IE8 not rendering, deleting background-colour
I have managed to fix this by positioning the 'li' element relative, and applying a z-index of 0. This also works applying it to the 'a' tag.


Wed Sep 08, 2010 4:46 am
Profile

Joined: Wed Aug 25, 2010 3:30 am
Posts: 2
Post Re: IE8 not rendering, deleting background-colour
You will alway need to give an element a relative positoin. Otherwise PIE can not position correctly. He always position to the very left/top position.

Great that its works now!

greetings Jeroen


Wed Sep 08, 2010 8:23 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 3 posts ] 

Who is online

Users browsing this forum: Bing [Bot], Exabot [Bot] and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.