Forums
View unanswered posts | View active topics It is currently Thu Oct 02, 2014 8:28 am



Reply to topic  [ 2 posts ] 
 Border Radius not working on IE8-7 
Author Message

Joined: Wed Jun 19, 2013 5:47 am
Posts: 1
Post 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.


Wed Jun 19, 2013 5:50 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1443
Post Re: Border Radius not working on IE8-7
404 not found


Sat Jun 22, 2013 11:35 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 2 posts ] 

Who is online

Users browsing this forum: Bing [Bot], Google [Bot] and 2 guests


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:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.