Salut à tous![hello]
J'ai beau mettre margin-left:auto et margin-right:auto et sous
FF mon site se positionne à gauche. Il est devenu comme ça suite à une manipulation que j'ai fait pour corriger le positionnement sous IE. J'ai regardé de tout bord et de tout côté et je ne trouve pas la solution.[confus]
Quelqu'un a un oeil de lynx pour trouver mon bug?
Voici le code source de la page:
[code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-type" content="text/css">
<meta name="robots" content="index, follow">
<meta name="robots" content="all">
<meta name="keywords" content="menus,menu,suggestion,chef,repas,plat,monde,québécois,français,exotique,cuisine,recette,entrée,dessert,occasion,personne,coût,image,photo,cuistot,annuaire,recherche,nouveau,nouveauté,">
<meta name="description" content="Vous ne savez pas quoi cuisiner? Venez découvrir des suggestions de menus pour différentes occasions et de toutes les saveurs.">
<title>Les suggestions des chefs-Mon annuaire de recettes-Chez Frances
ZuNews 1.2 F ::</title>
<link href="fds/style.css" rel=stylesheet name="fds" type="text/css">
<link rel="shorcut icon" type="image/x-icon" href="../../../image/favicon.ico">
</head><body>
<div id="conteneur">
<div id="fondconteneur">
<div id="conteneur2">
<div id="annuaire2">
<!--EN-TETE * logo zunews -> quicksansaccurated icg -->
<div class="fondentete">
<div class="chamfere">
<b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b><b class="b5"></b></b>
<div class="entete">
<img src="../image/banniere_entetesuggestionnv.gif" alt="Mon annuaire de recettes-Les suggestions des chefs" width="671" height="150" style="margin:0px; padding:0px;">
</div>
<b class="bottom"><b class="b10"></b><b class="b9"></b><b class="b8"></b><b class="b7"></b><b class="b6"></b></b>
</div>
</div>
<ul id="menua" style="margin-top:8px;">
<li><a class="ann" href="http://www.chezfrances.com/annuaire/">Annuaire<span>Tous les sites <br>de l'annuaire</span></a></li>
<li><a class="ann" href="http://www.chezfrances.com/annuaire/nouveautes-sites.php">Nouveaux sites<span>Les nouveaux sites <br> du mois</span></a></li>
<li><a class="ann" href="http://www.chezfrances.com/suggestionchef/">Les suggestions<span>Des suggestions de menus-Les suggestions des chefs</span></a></li>
<li><a class="ann" href="http://www.chezfrances.com/newslettux/newsletter.php" target="_blank">Newsletter<span>Inscrivez-vous pour<br>connaitre toutes les nouveautés</span></a></li>
<li class="fin"></li>
</ul>
<ul id="menua">
<li><a class="ann2" href="http://www.chezfrances.com/annuaire/rechercheannuaire.php">Rechercher<span>Faire une recherche<br> dans l'annuaire</span></a></li>
<li><a class="ann2" href="http://www.chezfrances.com" target="_blank">Chez Frances<span>Mes huiles, des minous, Québec,<br> et plus...</span></a></li>
<li><a class="ann2" href="http://www.chezfrances.com/annuaire/webmaster.php">Faire un lien<span>Me faire connaitre...<br>faire un lien...</span></a></li>
<li><a class="ann2" href="mailto:chezfrances@sympatico.ca">Contact<span>Pour m'écrire</span></a></li>
<li class="fin"></li>
</ul>
<div id="cmessage">
<div class="chamfer">
<b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b><b class="b5"></b></b>
<div class="messann">
Attention c'est chaud, chaud, chaud!<br>
Voici des menus et des recettes concoctés par les chefs-webmasters qui sont inscrit dans "Mon annuaire de recettes".<br>
Pour voir les recettes vous n'avez qu'à cliquer sur les liens des recettes qui composent le menu .<br><br>
Maintenant 81 recettes toutes plus alléchantes les unes que les autres!<br>
N'hésitez pas à consulter les autres pages...<br>il y a de très belles recettes!<br><br><br><br>
Bon Appétit!<img src="../suggestionchef/zunews/smileys/smiley2.gif"style="position:absolute; left:395px; margin-top:-25px;">
</div>
<b class="bottom"><b class="b10"></b><b class="b9"></b><b class="b8"></b><b class="b7"></b><b class="b6"></b></b>
</div>
</div>
<br>
Page(s) :<a href="index.php?page=1">1</a> <br /><br />Page 1 <img src="zunews/img/puce2.gif" border="0" /> <a href="controle.php?act=poster&page=1&folio=5&rang=0">POSTER UNE SUGGESTION</a><br />4 menus ont été publiés<br><br><br>
<div class="zunews1">
<table class="zunews" cellspacing="0" style="padding:0px;"><tr><td valign="top"></td></tr><tr><td class="comment" valign="top"><table width="100%" cellpadding="0" border="0"><tr><td valign="top" class="sond"><b>Occasion</b><br /> Entre amis<br /></td><td valign="top" class="sond"><b>Nombre de personnes</b><br /> Deux à quatre<br /></td><td valign="top" class="sond"><b>Coût</b><br />Dispendieux<br /></td></tr></table></td></tr><tr><td class="comment" valign="top"><a name=4>4</a> <img src="zunews/img/puce1.gif" border="0" /> Fleuretta <img src="zunews/img/puce1.gif" border="0" /> <a href="http://www.chezfrances.com" target="_blank" >
http://www.chezfrances.com</a> <img src="zunews/img/puce1.gif" border="0" /> 09:07:2006</td></tr><tr><td class="news" valign="top">Test d'insertion des caractères.
<br />
<br />
<br /><b>Gras</b>
<u>Souligné</u><i>Italique</i>
<br />
<br />La prévisualisation
fonctionne bien sous IE.<img src="zunews/smileys/smiley2.gif" border="0"
alt="smiley"></td></tr><tr><td><img src="zunews/img/puce2.gif" border="0" /> <a href="controle.php?folio=4&rang=1&act=commenter">COMMENTER</a> <img src="zunews/img/puce2.gif" border="0" /> <a href="controle.php?folio=4&rang=0&act=editer">EDITER</a> <br /><br /></td></tr><tr><td class="comment" valign="top"><table width="100%" cellpadding="0" border="0"><tr><td valign="top" class="sond"><b>Occasion</b><br /> Barbecue<br /></td><td valign="top" class="sond"><b>Nombre de personnes</b><br /> Six et plus<br /></td><td valign="top" class="sond"><b>Coût</b><br />Economique<br /></td></tr></table></td></tr><tr><td class="comment" valign="top"><a name=3>3</a> <img src="zunews/img/puce1.gif" border="0" /> France <img src="zunews/img/puce1.gif" border="0" /> <a href="http://www.chezfrances.com" target="_blank" >
http://www.chezfrances.com</a> <img src="zunews/img/puce1.gif" border="0" /> 18:06:2006</td></tr><tr><td class="news" valign="top">Des hot dog ... ça coûte pas cher!
<br />
<br />
<br /><img
src="zunews/smileys/smiley2.gif" border="0" alt="smiley"></td></tr><tr><td><img src="zunews/img/puce1.gif" border="0" /> <a href="index.php?page=1&folio=3&act=commentaires">LIRE LE COMMENTAIRE</a> <img src="zunews/img/puce2.gif" border="0" /> <a href="controle.php?folio=3&rang=2&act=commenter">COMMENTER</a> <img src="zunews/img/puce2.gif" border="0" /> <a href="controle.php?folio=3&rang=0&act=editer">EDITER</a> <br /><br /></td></tr><tr><td class="comment" valign="top"><table width="100%" cellpadding="0" border="0"><tr><td valign="top" class="sond"><b>Occasion</b><br /> Entre amis<br /></td><td valign="top" class="sond"><b>Nombre de personnes</b><br /> A deux<br /></td><td valign="top" class="sond"><b>Coût</b><br />Abordable<br /></td></tr></table></td></tr><tr><td class="comment" valign="top"><a name=2>2</a> <img src="zunews/img/puce1.gif" border="0" /> france <img src="zunews/img/puce1.gif" border="0" /> <a href="http://www.chezfrances.com" target="_blank" >
http://www.chezfrances.com</a> <img src="zunews/img/puce1.gif" border="0" /> 18:06:2006</td></tr><tr><td class="news" valign="top">Côtes levées sur le barbecue.
<br />
<br />
<br />Miam! Miam!</td></tr><tr><td><img src="zunews/img/puce2.gif" border="0" /> <a href="controle.php?folio=2&rang=1&act=commenter">COMMENTER</a> <img src="zunews/img/puce2.gif" border="0" /> <a href="controle.php?folio=2&rang=0&act=editer">EDITER</a> <br /><br /><br /><br /></td></tr><tr><td class="comment" valign="top"><table width="100%" cellpadding="0" border="0"><tr><td valign="top" class="sond"><b>Occasion</b><br /></td><td valign="top" class="sond"><b>Nombre de personnes</b><br /></td><td valign="top" class="sond"><b>Coût</b><br /></td></tr></table></td></tr><tr><td class="comment" valign="top"><a name=0>0</a> <img src="zunews/img/puce1.gif" border="0" /> zu <img src="zunews/img/puce1.gif" border="0" /> <a href="*" target="_blank" >*</a> <img src="zunews/img/puce1.gif" border="0" /> 31:12:1969</td></tr><tr><td class="news" valign="top">Merci d'avoir choisi ZuNews. J'espére que ce script de news vous donnera toute
satisfaction.<br /><br /></td></tr><tr><td>Page(s) :<a href="index.php?page=1">1</a> <hr /><div align="center"><img src="zunews/img/puce2.gif" border="0" /> <a href="controle.php?act=poster&page=1&folio=5&rang=0">POSTER UNE SUGGESTION</a><br />4 menus ont été publiés<hr /></div></td></tr></table></div><br><br><br>
<a href="http://www.qctop.com" target="_blank" ><img src="../../../image/banniere_quebectopp.gif " alt="annuaire" width="91" height="16" border=0></a>
<script language="JavaScript1.1"><!--
hsh = new Date();
hsd = document;
try {
hsr = top.document.referrer.replace(/[<>]/g, '');
} catch (err){hsr='
http://error.qctop.com';}
hsi = '<img width="1" height="1" align="right" src="http://www.qctop.com/hit.php?website=3650&p=welcome&hl=' + hsh.getHours() + 'x' + hsh.getMinutes() + 'x' + hsh.getSeconds();
if(parseFloat(navigator.appVersion)>=4)
{s=screen;hsi += '&r=' + s.width + 'x' + s.height + 'x' + s.pixelDepth + 'x' + s.colorDepth;}
hsd.writeln(hsi + '&referant=' + hsr.replace(/&/g, '$') + '">');
//--></script>
<p style="text-align:center; font-size:11px;"> <a href="http://www.chezfrances.com" target="_blank"><u>Chez Frances</u></a>
<a href="http://www.annuairerecettes.chezfrances.com" target="_blank"><u> Mon annuaire de recettes</u></a> <a href="mailto:chezfrances@sympatico.ca"><img src="/image/enveloppe.gif" align="absbottom" border="0" alt="e-mail"></a><br>
Sincères remerciements à <a href="http://www.naucelle.com/lire.php" target="_blank"><u> midnightblue</u></a> pour la conception de ZuNews<br>
Design réalisé par Frances <font face="Arial, Helvetica, sans-serif" size="-2">© </font>
www.chezfrances.com 2006 <br>
<IMG SRC="/cgi-sys/counter/hit.pl?user=chezfran&id=suggestionchef" style="vertical-align:bottom; "> visiteurs
<br><br>
</div></div></div></div>
<!--crédit-->
<div align="center" style="font-size:9px">*ZuNews 1.2 v. Fleuretta*</div>
</body></html>
<!--03/03/2006*00h46-->[/code]
Et voici la css:
[code]
/* CSS Document */
body{
background-image:url(../../image/fondsite.gif);
background-repeat:repeat-y;
background-position:bottom;
background-color:#ceb695;
width:98.9%;
_width:97.9%;
color:#663612;
text-align:center;
font-family: "Comic Sans MS", Georgia, Times, serif;
font-size: 13px;
font-weight:normal;
scrollbar-face-color: #ceb594;
scrollbar-shadow-color: #846342;
scrollbar-darkshadow-color:#ceb594;
scrollbar-highlight-color: #846342;
scrollbar-3dlight-color: #ceb5B4;
scrollbar-arrow-color: #846342;
scrollbar-track-color: #ceb594;
overflow:auto;
}
p{margin:0px;
padding:0px;
}
#conteneur{
background-color:#dbc6ab;
border-top: #846342 1px;
border-left:#846342 1px;
border-right:#846342 1px;
border-bottom: #846342 1px;
border-style: solid;
margin-left:auto;
margin-right:auto;
width:726px;
_width:728px;
position:relative;
padding:0px;
margin:0px;
margin-top:15px;
margin-bottom:15px;
display:block;
}
#fondconteneur{
background-color:#b69c7e;
width:704px;
_width:706px;
margin-left:auto;
margin-right:auto;
position:relative;
margin-top:8px;
margin-bottom:8px;
border-top:#846342 1px solid;
border-right:#846342 1px solid;
border-left:#846342 1px solid;
border-bottom:#846342 1px solid;
padding-top:2px;
padding-bottom:2px;}
#conteneur2{
background-image:url(../../../../image/fondinterieursite.gif);
background-repeat:repeat-y;
background-position:top;
background-color:#ceb594;
margin-left:auto;
margin-right:auto;
margin-top:0px;
width:700px;
_width:702px;
position:relative;
}
#annuaire2 {
background-image:url(../../../../image/fondinterieursite.gif);
background-repeat:repeat-y;
background-position:top;
background-color:#ceb594;
text-align: center;
width:700px;
_width:702px;
position:relative;
}
.fondentete{
width:696px;
_width:698px;
border-bottom:#846342 1px solid;
display:block;
background-image: url(../../image/fondmessageinv177.gif);
background-repeat:repeat-x;
background-position:top;
margin-left:auto;
margin-right:auto;
padding-top:7px;
position:relative;
height:172px;
_height:180px;
}
.entete{
background-image:url(../../image/fondentete2.gif);
background-repeat:repeat-x;
background-position:bottom;
border-left:#feebe2 1px solid;
border-right:#846342 1px solid;
width:676px;
_width:678px;
margin-left:auto;
margin-right:auto;
height:auto;
display:block;
position:relative;
margin-top:0;
padding:0;
}
.chamfere {
width:680px;
margin-top:0px;
height:150px;
margin-left:auto;
margin-right:auto;}
.chamfere .top, .chamfere .bottom {display:block; background:transparent; font-size:1px;}
.chamfere .b1, .chamfere .b2, .chamfere .b3, .chamfere .b4, .chamfere .b5 {
display:block;
overflow:hidden;
height:1px;
border-left:1px solid #feebe2;
border-right:1px solid #846342;
background-color:#e6d9ca;
}
.chamfere .b6, .chamfere .b7, .chamfere .b8, .chamfere .b9, .chamfere .b10{
display:block;
overflow:hidden;
height:1px;
background-color:#cfb695;
border-left:1px solid #846342;
border-right:1px solid #846342;
}
.chamfere .b1 {margin:0 5px; background:#feebe2;}
.chamfere .b2 {margin:0 4px;}
.chamfere .b3 {margin:0 3px;}
.chamfere .b4 {margin:0 2px;}
.chamfere .b5 {margin:0 1px;}
.chamfere .b6 {margin:0 5px; background:#846342;}
.chamfere .b7 {margin:0 4px;}
.chamfere .b8 {margin:0 3px;}
.chamfere .b9 {margin:0 2px;}
.chamfere .b10 {margin:0 1px;}
.zunews1{
border-top:#feebe2 1px solid;
border-left:#feebe2 1px solid;
border-right:#846342 1px solid;
border-bottom: #846342 1px solid;
text-align: center;
width:620px;
_width:620px;
margin-left:auto;
margin-right:auto;
color:#663612;
font-size:12px;
background-color:#e6d9ca;
padding-top:10px;
padding-bottom:10px;
}
/*zunews*/
.zunews{
border-top:#feebe2 0px solid;
border-left:#feebe2 0px solid;
border-right:#846342 0px solid;
border-bottom: #846342 0px solid;
text-align: center;
width:600px;
_width:600px;
margin-left:auto;
margin-right:auto;
color:#663612;
font-size:12px;
background-color:#e6d9ca;
}
/*news*/
.news{
border-top: #feebe2 1px solid ;
border-left:#feebe2 1px solid;
border-right:#846342 1px solid;
border-bottom: #846342 1px solid;
text-align:left;
color:#663612;
padding:15px;
font-family:"Times New Roman", Times, serif;
font-size:15px;
background-color:#d6c1a6;
}
/*commentaires*/
.comment{
border-top: #feebe2 1px solid ;
border-left:#feebe2 1px solid;
border-right:#846342 1px solid;
border-bottom: #846342 1px solid;
text-align:left;
background-color:#ceb695;
height:20px;
color:#663300;
padding:10px;
font-size:13px;
background-image:url(../../image/fondmessage19.gif); /* 60px; */
background-position:top;
background-repeat:repeat-x;
}
/*liste de choix*/
.sond{
text-align:left;
color:#663300;
font-size:13px;
padding:0px;
height:20px;
}
a{text-decoration:none;
color:#663612;
}
a:link {
text-decoration:underline;
color:#663612;
}
a:visited {
color:#846342;
}
a:hover {
color:#933721;
}
a:active {
color:#933721;
}
/*
html{
scrollbar-face-color: #CEB594;
scrollbar-shadow-color: #866f54;
scrollbar-darkshadow-color:#ceb594;
scrollbar-highlight-color: #866f54;
scrollbar-3dlight-color: #ceb5B4;
scrollbar-arrow-color: #866f54;
scrollbar-track-color: #ceb594;
}*/
/*formulaire*/
.puce{
font-family:webdings;
font-size:12px}
/*messages d'alertes*/
.alerte{
background-color:#f1e9df;
color:crimson;
border:1px solid #330000;
margin-bottom:3px;
_margin-bottom:3px;
margin-top:5px;
_margin-top:0px;
width:95%;
_width:100%;
margin-right:25px;
_margin-right:0px;
}
/*messages d'info*/
.info{
background-color:#f1e9df;
color:#663612;
padding:5px;
border:1px solid;}
/*bouton*/
.bouton{
background-image: url(../../../../image/fondmessage20.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#e5d7c7;
color:#663612;
height:auto;
cursor: pointer;
border-top: #feebe2 1px solid;
border-left:#feebe2 1px solid;
border-right:#846342 1px solid;
border-bottom: #846342 1px solid;
margin-top:5px;
}
.bouton:hover {
background-image: url(../../../../image/fondmessage21.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#e5d7c7;
color:#663612;
height:auto;
cursor: pointer;
border-top: #846342 1px inset ;
border-left:#846342 1px inset;
border-right:#feebe2 1px inset;
border-bottom: #feebe2 1px inset;
margin-top:5px;
}
.bouton-on {
background-image: url(../../../../image/fondmessage21.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#e5d7c7;
color:#663612;
height:auto;
cursor: pointer;
border-top: #846342 1px inset ;
border-left:#846342 1px inset;
border-right:#feebe2 1px inset;
border-bottom: #feebe2 1px inset;
margin-top:5px;
}
.bouton-off {
background-image: url(../../../../image/fondmessage20.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#e5d7c7;
color:#663612;
height:auto;
cursor: pointer;
border-top: #feebe2 1px solid ;
border-left:#feebe2 1px solid;
border-right:#846342 1px solid;
border-bottom: #846342 1px solid;
margin-top:5px;
}
select{
background-color:#f0e9e0;
cursor:pointer;
border-top: #feebe2 1px solid;
border-left:#846342 1 px solid;
border-right:#feebe2 1 px solid;
border-bottom: #846342 1 px solid;
}
select:hover{
background-color:#faf3ea;
cursor:pointer;
border-top: #feebe2 1 px solid;
border-left:#feebe2 px solid;
border-right:#feebe2 1px solid;
border-bottom: #846342 1 px solid;
}
option{
cursor:pointer;
background-color:#f0e9e0;}
option:hover{
background-color:#faf3ea;
cursor:pointer;}
.borduselec{
background-color:#f0e9e0;
cursor:pointer;
border-top: #feebe2 1px solid;
border-left:#846342 1 px solid;
border-right:#feebe2 1 px solid;
border-bottom: #846342 1 px solid;}
.liston{cursor:pointer;
background-color:#f0e9e0;}
.listoff{background-color:#faf3ea;
cursor:pointer;}
/*trait horizontal*/
hr{color:#846342;height:1px}
ul#menua
{
margin-left:102px;
padding: 0 ;
list-style-type: none ;
margin-top:-14px;
}
ul#menua li
{
margin: 0 0 0 0;
padding-left: 0px ;
}
ul#menua li a {
display:block;
width: 120px;
line-height: 21px;
color:#663612;
background: url(../../image/point4nv.gif) no-repeat 0px 0 ;
text-indent:5px;
text-decoration:none;
font-family: "Comic Sans MS";
font-size:12px;
font-weight:bold;
border-top: #feebe2 1px solid ;
border-left:#feebe2 1px solid;
border-right:#846342 1px solid;
border-bottom: #846342 1px solid;
float:left;
}
ul#menua li a:hover{
background:url(../../image/point4nv.gif) no-repeat 0px -21px;
border-top: #feebe2 1px solid;
border-left:#feebe2 1px solid;
border-right:#846342 1px solid;
border-bottom: #846342 1px solid;
}
ul#menua li{float:left;}
ul#menua li.fin{float: none;}
a {position:relative;}
a.ann {
position:relative;
text-decoration: none;
color:#330000;
z-index:500;
}
a.ann span {
display: none;
}
a.ann:hover {
background: none; /* correction d'un bug IE */
}
a.ann:hover span {
display: block;
position: absolute;
top:25px; /*pour FF*/
left:40px; /* a regler selon resultat*/
_top:25px; /*pour IE*/
_left:40px;
background-image: url(../../image/degrade.jpg);
text-align:center;
color:#330000;
padding: 3px;
width:110px;
z-index: 500;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #330000;
text-indent:5px;
line-height:normal;
height:auto;
border-top: #846342 1px solid;
border-left:#846342 1px solid;
border-right:#846342 1px solid;
border-bottom: #846342 1px solid;
}
a.ann2 {
position:relative;
text-decoration: none;
color:#330000;
z-index:100;
}
a.ann2 span {
display: none;
}
a.ann2:hover {
background: none; /* correction d'un bug IE */
}
a.ann2:hover span {
display: block;
position: absolute;
top:24px; /*pour FF*/
left:40px; /* a regler selon resultat*/
_top:24px; /*pour IE*/
_left:40px;
background-image:url(../../image/degrade.jpg);
text-align:center;
color:#330000;
padding: 3px;
width:110px;
z-index: 100;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #330000;
text-indent:5px;
line-height:normal;
height:auto;
border-top: #846342 1px solid ;
border-left:#846342 1px solid;
border-right:#846342 1px solid;
border-bottom: #846342 1px solid;
}
#cmessage{
display:block;
width:482px;
_width:500px;
border-top: #feebe2 1px solid;
border-left:#feebe2 1px solid;
border-right:#846342 1px solid;
border-bottom:#846342 1px solid;
display:block;
padding-left:8px;
padding-right:8px;
padding-top:5px;
padding-bottom:5px;
background-color:#e6d9ca;
margin-top:76px;
_margin-top:36px;
height:auto;
text-align:center;
margin-left:auto;
margin-right:auto;
}
.messann
{
display:block;
background-image:url(../../../../image/fondmessage5.gif); /* 300 px; */
background-position:top;
background-repeat:repeat-x;
border-left:#feebe2 1px solid;
border-right:#846342 1px solid;
height:auto;
width:460px;
_width:480px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
font-weight:bold;
font-size:13px;
line-height:15px;
}
/* Inset 3D Raised */
.chamfer { width:482px;
height:auto;
text-align:center;}
.chamfer .top, .chamfer .bottom {display:block; background:transparent; font-size:1px;}
.chamfer .b1, .chamfer .b2, .chamfer .b3, .chamfer .b4, .chamfer .b5 {
display:block;
overflow:hidden;
height:1px;
background-image:url(../../image/fondmessage13.gif); /* 400 px; */
background-position:top;
background-repeat:repeat-x;
border-left:1px solid #feebe2;
border-right:1px solid #846342;
}
.chamfer .b6, .chamfer .b7, .chamfer .b8, .chamfer .b9, .chamfer .b10{
display:block;
overflow:hidden;
height:1px;
background-color:#d6c1a7;
border-left:1px solid #846342;
border-right:1px solid #846342;
}
.chamfer .b1 {margin:0 5px; background:#feebe2;}
.chamfer .b2 {margin:0 4px;}
.chamfer .b3 {margin:0 3px;}
.chamfer .b4 {margin:0 2px;}
.chamfer .b5 {margin:0 1px;}
.chamfer .b6 {margin:0 5px; background:#846342;}
.chamfer .b7 {margin:0 4px;}
.chamfer .b8 {margin:0 3px;}
.chamfer .b9 {margin:0 2px;}
.chamfer .b10 {margin:0 1px;}
.titrehaut {
background-image:url(../../image/fondmessageht.gif);
background-repeat:repeat-x;
font-family:"Comic Sans MS";
color:#663612;
text-decoration:none;
font-weight:bold;
font-size:13px;
text-align:center;
height:40px;
padding-top:2%;
width:99.6%;
_width:99.9%;
margin-left:-3px;
_margin-left:-5px;
}
.titrehautpst {
background-image:url(../../image/fondmessageht.gif);
background-repeat:repeat-x;
font-family:"Comic Sans MS";
color:#663612;
text-decoration:none;
font-weight:bold;
font-size:13px;
text-align:center;
height:40px;
padding-top:2%;
width:97.6%;
width:97.9%;
margin-left:5px;
_margin-left:0px;
}
.titrehautrp {
background-image:url(../../image/fondmessageht.gif);
background-repeat:repeat-x;
font-family:"Comic Sans MS";
color:#663612;
text-decoration:none;
font-weight:bold;
font-size:13px;
text-align:center;
height:40px;
padding-top:2%;
width:97.6%;
_width:97.9%;
margin-left:5px;
_margin-left:0px;
margin-bottom:3%;
}
.cadreposter {
border-top: #ffffff 1px solid;
border-left:#ffffff 1px solid;
border-right:#846342 1px solid;
border-bottom:#846342 1px solid;
background-image:url(../../image/fondmessage10.gif); /* 600 px */
background-position:top;
background-repeat:repeat-x;
background-color:#ceb595;
margin-left:-8px;
_margin-left:0%;
padding-top:1.5%;
width:100%;
margin-bottom:3%;
}
.rappel {
border-top: #ffffff 1px solid;
border-left:#ffffff 1px solid;
border-right:#846342 1px solid;
border-bottom:#846342 1px solid;
background-image:url(../../image/fondmessage10.gif); /* 600 px */
background-position:top;
background-repeat:repeat-x;
background-color:#ceb595;
margin-left:-8px;
_margin-left:0%;
padding-top:1.5%;
padding-left:0%;
_padding-left:0%;
width:100%;
margin-bottom:4%;
}
.rappeltxt {
color:#663612;
padding:15px;
font-family:"Times New Roman", Times, serif;
font-size:15px;
font-weight:normal;
width:100%;
text-align:left;
}
.conseil {
border-top: #ffffff 1px solid;
border-left:#ffffff 1px solid;
border-right:#846342 1px solid;
border-bottom:#846342 1px solid;
font-weight:normal;
font-size:11px;
line-height:13px;
text-align:left;
background-color:#ceb595;
padding-left:2%;
padding-bottom:4%;
padding-top:1.5%;
background-image:url(../../image/fondmessage13.gif);/* 600 px */
background-position:top;
background-repeat:repeat-x;
margin-bottom:3%;
width:99%;
_width:100%;
}
#conlist {
list-style-position:outside;
_margin-left:0px;
padding-left:0px;
}
#conlist li{
list-style-image:url(../../image/pucelos8.gif);
list-style-type:square;
display:list item;
margin-left:25px;
_margin-left:20px;
padding-left:0px;
}
h1{ font-weight:bold;
font-size:12px;
margin-left:25px;
_margin-left:0px;
margin-bottom:5px;
margin-top:10px;
_margin-top:15px;}
.appreciation{ border-top: #feebe2 1px solid;
border-left:#feebe2 1px solid;
border-right:#846342 1px solid;
border-bottom:#846342 1px solid;
background-color:#ceb595;
padding-bottom:4%;
padding-top:1.5%;
padding-left:2%;
_padding-left:1.6%;
_padding-right:.4%;
background-image:url(../../image/fondmessage5.gif);/* 300 px */
background-position:top;
background-repeat:repeat-x;
text-align:center;
margin-bottom:3%;
width:99%;
_width:100%;
}
/*pour intérieur nom-email-site dans messagerie*/
.intnom
{
background-color:#f0e9e0; /* couleur de fond */
color : #663612; /* couleur du texte */
border-left:#ffffff 1px solid;
border-top:#ffffff 1px solid;
border-right:#846342 1px solid;
border-bottom:#846342 1px solid;
margin-bottom:4px;
}
.f1{background-color:#933721;}
.f2 {background-color:#FFCC99;}
.menuder{margin-left:16%;
_margin-left:6.7%;
}
.textarea{background-color:#f0e9e0;
border-top:#ffffff 1px solid;
border-left:#ffffff 1px solid;
border-bottom:#846342 1px solid;
border-right:#846342 1px inset;
} [/code]
Ce que je ne comprends pas c'est que tout était OK sous
FF et suite à ce changement, même si j'ai tout remis comme avant, le site continue à se positionner à gauche. J'ai même vider mon cache sous
FF car je croyais que cela pouvait avoir une incidence.
Autre chose que je ne comprends pas. La css est la même que pour l'annuaire de recettes (nouvelle version) en ce qui concerne tout ce qui est conteneur. Si je mets les mêmes dimensions pour les suggestions je n'arrive pas au même résultat. Je dois faire du "zigonnage" pour que ce soit identique comme positionnement et comme dimension... surtout pour IE. Je ne sais pas ce qui occasionne ça. Si vous avez une p'tite idée... je suis preneuse![langue]
Merci de votre aide[fleur]
Margin-left:auto Margin-right:auto ... mais...
Astucien
