bonjour à tous
j'ai suivi le tuto correspondant aux arrondis de div.
Tout marche bien sauf avec internet explorer, évidemment.
IE 8 ne marche pas alors que IE7 fonctionne mais me décale toutes mes div à gauche alors que je voulais que tout soit centré via margin: auto
voici l'aperçu :
la page concernée est :
http://www.coeuraccords.com/CLCA/pages/accueil.html
Si vous avez des suggestions, je suis preneur.
Merci
quant aux codes :
Modifié par omzen (29 Jun 2010 - 13:24)
j'ai suivi le tuto correspondant aux arrondis de div.
Tout marche bien sauf avec internet explorer, évidemment.
IE 8 ne marche pas alors que IE7 fonctionne mais me décale toutes mes div à gauche alors que je voulais que tout soit centré via margin: auto
voici l'aperçu :
la page concernée est :
http://www.coeuraccords.com/CLCA/pages/accueil.html
Si vous avez des suggestions, je suis preneur.
Merci
quant aux codes :
/* ------------------------------------principal----------------------------------- */
body
{
background-color: #938568;
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
}
div.centre {
width: 860px;
background: #EAF2F5;
margin: auto;
margin-bottom: 10px;
text-align: left;
padding: 1px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(script/border-radius.htc);
}
/* ------------------------------------fenetre----------------------------------- */
#fenetre {
width:auto;
height: auto;
background: #EAF2F5 ;
color: #938568;
text-align: center;
float: right;
margin: 15px;
font-size: 80%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(script/border-radius.htc);
}
/* ------------------------------------piedepage----------------------------------- */
#footer {
width:750px;
background: #EAF2F5 ;
margin: auto;
margin-bottom: 10px;
margin-top: 10px;
font-size: 60%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(script/border-radius.htc);
}
#footer p {
text-align: right ;
}
<head>
<title>Accueil | Compagnie Le Coeur Accords - CLCA</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" media="screen" type="text/css" title="style" href="../css/style.css" />
<link rel="shortcut icon" href="favicon.ico" >
<!--[if lte IE 8]><script type="text/javascript" src="../script/roundies.js"></script><![endif]-->
</head>
<body>
<div id="header">
<img src="../design/en-tete.gif" alt="CLCA"></div>
<div class="ombre"></div>
<div class="centre"> <div id="fenetre"><img src="../images/CLCA.png" align="bottom" alt="Logo de la Compagnie" width="200px" height="200px"><center>
<a href="http://www.imingo.net" target=_top>
<img src="http://www.imingo.com/services/compteur/icptsp.php?id=CLCASITE"
name="imingo.com" border="0" alt="un compteur pour votre site"></a>
</center></div>
<h1>A propos de nous</h1>
</div>
<div id="footer">
<p>Tous droits réservés <acronym title="Compagnie Le Coeur Accords">CLCA</acronym> | Siret 489 230 714 00011 | Code APE 923A |</p>
</div>
</body>
</html>
Modifié par omzen (29 Jun 2010 - 13:24)
