CSS3 PIE Forums
http://css3pie.com/forum/

Border Radius not working on IE8-7
http://css3pie.com/forum/viewtopic.php?f=3&t=2082
Page 1 of 1

Author:  jmoner74 [ Wed Jun 19, 2013 5:50 am ]
Post subject:  Border Radius not working on IE8-7

Hi i try everything, watch all the post, try to use the .php file instead of .htc etc.. etc..
Impossible to make it work.
Here is my code CSS :

Code:
@charset "utf-8";
/* CSS Document */

 /* Reset All Browsers CSS*/
html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;font-family:inherit;vertical-align:baseline;}body{color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}

/* All */
.clear{clear:both}
.alignall { width:960px; margin:0 auto 0 }
.left {float:left}
.right {float:right}
body { background:#eeeeee }
a:hover{ text-decoration:underline !important }

/* Header Nav Recherche */
#header { background:url(../images/fond-haut.jpg) repeat-x; height:51px; width:100% }
#header img { float:left }
.logo { padding-top:12px }
#header ul { font-family: 'Dosis', sans-serif; font-weight:bold; font-size:13px; color:#7d7d7d; margin-top:7px }
   #header ul li a {color:#7d7d7d; text-decoration:none }
   #header ul li { display:inline-block; *display:inline;zoom:1; height:24px }
   #header ul li:first-child,#header ul li:first-child+li,#header ul li:first-child+li+li { margin-right:12px }
   #header ul li:first-child img,#header ul li:first-child+li img { margin-right:3px }
.fontsmall { font-size:10px !important }
#nav { padding:14px 0 26px; font-family: 'Dosis', sans-serif }
   .vingt { color:#349fd7; font-size:20px }
   .dixsept { color:#91a1a5; font-size:17px }
   #nav ul { margin-top:12px }
   #nav ul li { display:inline-block; *display:inline;zoom:1; width:109px; height:44px }
      #recherche { background:url(../images/nav-recherche.png) no-repeat }
      #trouvpro { background:url(../images/nav-trouverpro.png) no-repeat }
      #infomarqu { background:url(../images/nav-infosmarche.png) no-repeat }
      #annoncer { background:url(../images/nav-annoncer.png) no-repeat }
      #recherche:hover,#trouvpro:hover,#infomarqu:hover,#annoncer:hover{ background-position:0 -43px; cursor:pointer }
         #nav ul li:first-child, #nav ul li:first-child+li, #nav ul li:first-child+li+li{ margin-right:14px }
#accroche { margin-top:12px; width:180px }
#rechercheall { background:#FFF; margin-top:24px }
   #carte,#moteur { height:352px }
   #carte { width:604px; margin:14px 0 14px 0}
   #moteur { width:312px; border-left:1px solid #edebeb; margin:14px 0 14px 0; padding-left:14px; font-family: 'Dosis', sans-serif; }
      #moteur h2 { color:#5aa6dc; font-size:15px; text-transform:uppercase; font-weight:600; margin-bottom:8px }
      #typetransaction li{
         display:inline-block;
         background:#bfbebe;
         font-size:12px;
         color:#FFF;
         font-weight:bold;
         padding:6px 6px 0 12px;
         behavior:url(http://jsforweb.com/webimm/pie/PIE.php);
         width:110px;
         height:22px;   
         -webkit-border-radius:5px;
         -moz-border-radius:5px;
         border-radius:5px;
         text-transform:uppercase;
      }
      #typetransaction li:first-child input[type=radio] { margin-left:20px }
      #typetransaction li:first-child+li input[type=radio] {margin-left:40px }


And the HTML
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Accueil</title>
<link href='http://fonts.googleapis.com/css?family=Prata' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dosis:400,500,600,700' rel='stylesheet' type='text/css'>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="header">
       <div class="alignall">
           <a href="http://www.seloger.com/"><img src="images/logo-seloger.png" class="logo" /></a>
            <ul class="right">
               <li><img src="images/mes-annonces.png" /><a href="#">Ma sélection (3)</a></li>
                <li><img src="images/mes-recherches.png" /><a href="#">Mes recherches</a></li>
                <li><a href="#"><img src="images/mon-compte.png" /></a></li>
                <li class="fontsmall"><a href="#">Créer un compte<br /><a href="#">Mot de passe oublié ?</a></li>
             </ul> 
             <div class="clear"></div> 
  </div><!-- fin Div alignall -->
</div><!-- fin Div Header -->

    <div class="alignall" id="nav">
           <a href="http://webimm.com"><img src="images/logo-webimm.png" class="left" /></a>
            <div id="accroche" class="left"><span class="vingt">+ de 9 071 275 m²</span><br /><span class="dixsept">d'immobilier d'entreprise</span></div>
            <ul class="right">
               <li id="recherche"></li>
                <li id="trouvpro"></li>
                <li id="infomarqu"></li>
                <li id="annoncer"></li>
            </ul>
        </div><!-- fin Div alignall -->
        <div class="clear"></div>
       
         <div class="alignall" id="rechercheall">
            <div class="left" id="carte">
            </div><!-- fin Div Carte -->
           
            <div class="right" id="moteur">
               <form action="" method="post" >
                    <h2>Type de transaction</h2>
                    <ul id="typetransaction">
                        <li>Location<input type="radio" value="1" /></li>
                        <li>Vente<input type="radio" value="2" /></li>
                    </ul>
                </form>
            </div><!-- fin Div Moteur -->
            <div class="clear"></div>
             
         </div><!-- fin Div alignall -->
</body>
</html>


The site :
http://jsforweb.com/webimm/

Thanks for your help, little bit despesperate.

Author:  jason [ Sat Jun 22, 2013 11:35 am ]
Post subject:  Re: Border Radius not working on IE8-7

404 not found

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/