Ça y'est !
Effectivement, en ne mettant que des valeurs absolues et en rejouant sur chaque positionnement (finalement, je n'ai gardé plus que les margin), je suis enfin parvenue à avoir tout correctement placé sur mes pages... Sur Netscape !
Mais au final, à présent c'est sur I.E. 6.0 (PC) qu'il me reste un décalage !!
C'est sous chaque titre + ligne de paragraphe (sur ma feuille de style, respectivement .frametitre et .frameligne) : j'ai mis un margin-bottom de 7px qui est bien respecté sur Netscape, mais sur I.E. l'espace est bien plus grand !
J'ai remarqué qu'en mettant le margin-top de 10px (dont j'ai besoin...) pour la ligne, sur I.E., il en rajoute autant en dessous (qui se rajoute donc à mon margin-bottom de 7px) !!
Je ne sais plus que faire !!!... HELP !
Je vous redonne le code de ma deuille de style CSS :
__________________
body {
margin: 0;
padding: 0;
font-family: verdana, arial, sans-serif;
font-size: 10px;
color: #0033CC;
}
.haut {
background-image: url(../images/page-haut.gif);
background-repeat: no-repeat;
width: 772px;
height: 25px;
}
.head {
background-image: url(../images/fd-head.gif);
background-repeat: no-repeat;
width: 607px;
height: 79px;
margin-left: 165px;
}
.titre {
float: right;
margin-top: 20px;
margin-right: 23px;
border: 0;
}
.gauche {
position: absolute;
left:0px;
background-image: url(../images/fd-menu.jpg);
width: 165px;
height: 192px;
background-repeat: no-repeat;
top: 25px;
}
.gauche1 {
position: absolute;
left:0;
background-image: url(../images/fd-menu.jpg);
width: 165px;
height: 192px;
background-repeat: no-repeat;
}
a.logo {
float: left;
margin-right: 0px;
margin-top: 0px;
width: 145px;
height: 129px;
background: url(../images/logo-menu.gif);
border: 0;
}
a.logo:hover {
background: url(../images/logo-menu2.gif);
}
.preload {
background: url(../images/logo-menu2.gif);
background-repeat: no-repeat;
}
a.menu {
float: right;
margin-right: 5px;
margin-top: 10px;
font-size: 10px;
font-style: normal;
color: #007AC0;
text-decoration: none;
text-align: right;
background-image: url(../images/puce_b.gif);
background-position: 145px 3px;
background-repeat:no-repeat;
padding-right: 25px;
width: 135px;
}
a.menu:hover {
background-image: url(../images/puce_j.gif);
font-weight: bold;
}
.frame1 {
width: 575px;
margin-left: 198px;
overflow: auto;
height: 340px;
}
.frame2 {
width: 575px;
margin-left: 198px;
overflow: auto;
height: 485px;
}
.frame {
width: 575px;
margin-left: 198px;
overflow: auto;
height: 700px;
}
.centre {
margin-left: 198px;
width: 575px;
}
.txt {
width: 552px;
}
a.txt {
font-weight: bold;
color: #FF9900;
text-decoration: none;
}
a.txt:visited {
font-weight: bold;
color: #FF9900;
text-decoration: none;
}
a.txt:hover {
font-weight: bold;
color: #FF0000;
text-decoration: none;
}
.gros {
font-weight: bold;
}
.frameligne {
background-image: url(../images/ligne_j.gif);
background-repeat: repeat-x;
margin-top: 10px;
height: 1px;
margin-bottom: 7px;
}
.frametitre {
float: left;
font-style: italic;
font-weight: bold;
color: #007AC0;
text-align: left;
padding-right: 3px;
background-color: #FFFFFF;
}
.framepuce {
background-image: url(../images/puce_j.gif);
background-repeat: no-repeat;
float: left;
padding-right: 3px;
height: 8px;
width: 15px;
margin-top: 3px;
margin-bottom: -3px;
}
.frameimage {
float: right;
margin-bottom: 2px;
margin-left: 2px;
font-size: 9px;
color: #007AC0;
font-family: Arial, Helvetica, sans-serif;
text-align: right;
}
.spacer {
clear: both;
}
.fdpresentation {
background-image: url(../images/fd-presentation2.jpg);
background-repeat: no-repeat;
height: 340px;
width: 552px;
vertical-align: middle;
}
______________________
Et je vous redonne l'adresse pour voir les pages qu'i faut comparer sur I.E. et Netscape... :
http://poele.online.fr/physalis
Merci encore pour votre aide !...