[Résolu] IE nous casse toujours les pieds...

Bonjour à tous,

Encore une fois, IE nous casse les pieds !
Pour comprendre mon énervement, regardez cette page avec IE et FF : http://nouslesfrancais.free.fr/test/annonces

Vous voyez une différence ? C'est tout simplement horrible sous IE !

@+ Brian, merci pour votre aide !

PS :
Voici la feuille de style CSS :

body {
font-family: Verdana;
font-size: 8pt;
background-color: #6c859c;
margin: 20px;
padding: 0px;
color: #ffffff;
}
a:link { color:#FFA500; text-decoration: none;}
a:hover { color: #FFA500; text-decoration: underline;}
a:visited { color:#FFA500; text-decoration: none;}
.princ { list-style-type: square; margin: 12px;}
.sec { list-style-type: none; margin: 0px;}
.image { border-width: 0px; vertical-align: middle;}
.tab1 { background-color: #6C859C; margin: 10px; border-spacing: 10px; margin-left: 15%; margin-right: 15%; width: 70%;}
.cadre {background-color: #6C859C; margin-left: 15%; margin-right: 15%; text-align: center;}
h1 { font-size: 18pt; color: #C0C0C0; font-weight: bold; margin: 0px; padding-top: 0px; padding-bottom: 0px;}
h2 { font-size: 12pt; color: #99cccc; font-weight: bold; margin: 0px; padding-top: 0px; padding-bottom: 0px;}
h3 { font-weight:bold;}
li { margin: 12px; padding: 0px;}
ul { list-style-type: none; margin: 0px; padding: 0px;}
#tete {
border-width: 1px;
border-style: dashed;
border-top-style: solid;
border-color: #000000;
}
#date {
background-color: #000000;
text-align: right;
}
#slogan {
background-color: #506e85;
text-align: center;
}
#haut {
height: 60px;
margin-top: 20px;
margin-bottom: 20px;
background-color: #6c859c;
}
#pub {
width: 488px;
float: left;
}
#recherche {
text-align: right;
margin-left: 508px;
}
#droite {
margin-left: 205px;
border-width: 1px;
border-style: dashed;
border-top-style: solid;
border-color: #000000;
}
#gauche {
width: 185px;
float: left;
border-width: 1px;
border-style: dashed;
border-top-style: solid;
border-color: #000000;
}
#titre {
background-color: #000000;
text-align: center;
}
#corps {
background-color: #506e85;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
text-align: left;
}
#menu {
background-color: #000000;
text-align: center;
}
#liens {
background-color: #506e85;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
line-height: 15px;
}
#pied {
background-color: #000000;
margin-top: 20px;
width : 100%;
border-width: 1px;
border-style: dashed;
border-color: #000000;
text-align: center;
clear:left;
float:left;
width: 100%;
margin-bottom: 20px;
}

Modifié par Brian (25 Jul 2006 - 10:54)

Bonjour,

merci d'éditer le titre de ton sujet pour qu'il soit moins polémique (on est au courant pour IE, merci ) et en rapport avec le sujet. Personne ne te retiendra de faire un procès à MS donc une fois l'énervement passé, il faut faire avec ... C'est d'ailleurs pour cette raison que tu postes cette demande et non pour une demande de conseils juridiques, n'est-ce pas?

Felipe

Salut Brian,

Comment as-tu procédé pour essayer de résoudre le problème ? As tu cherché à isoler les déclarations qui causent ce problème ?
Si tu ne l'as pas fait, commence pas là

Le problème vient de "tab1" :

.tab1 { background-color: #6C859C; margin: 10px; border-spacing: 10px; margin-left: 15%; margin-right: 15%; width: 70%;}

@+ Brian

Ok,
donc on a

margin: 10px;
margin-left: 15%; 
margin-right: 15%;

puisque les deux 15% ont pour but d'obtenir un effet de centrage, pourquoi ne pas plutôt utiliser classiquement la valeur auto. Ce qui permettrait sûrmement d'éviter le problème que tu rencontres :

margin: 10px;
margin-left: auto; 
margin-right: auto;

ou plus simplement

margin: 10px auto;

Modifié par Alan (25 Jul 2006 - 08:08)

merci beaucoup !

@+ Brian