Bonjour ,

j'utilise le plugin jquery corner de jquery et je met en place un simple div avec border arrondi.
Sous firefox il n' y a pas de probleme le border est prise en compte par contre sous IE7/8 ça ne marche pas

voici les codes :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<!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" xml:lang="fr" lang="fr">
<head>
<title>Les Saveurs</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>	
<script type="text/javascript" src="js/jquery.corner.js"></script>	
<script type="text/javascript">  
	  $(document).ready(function(){
	   $('#round').corner('keep').corner('rounded 9px');
	  });
</script>
 
</head>
<body style="background-color:#EFDCD8;">
 
 
  <div id="round">
       yuyuyu
   </div> 
 
</body>
</html>
le CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 
#round{
    padding:0;
    width:470px;/* determine la largeur de la boite contenue */
	height:500px;
    border: 4px solid #ffffff;
	font-size:10px;
	background-color:#F5EDEA;
}
merci pour votre aide