Bonjour à tous !
Après quelques pages perso foireuses en l'an de grâce 1998, je replonge dedans, quelque peu admiratif par rapport à la souplesse des CSS etc. peu utilisées à l'époque...
Bref, allons à l'essentiel, je me casse le . depuis 2 jours sur un problème qui me dépasse !
Le problème n'est présent que sur les navigateurs interprétant correctement le code, FireFox et Safari par exemple :
Regardez par vous même, lorsque l'on passe de la page 1 à 2 il y a un décalage, et je n'arrive pas à isoler le problème, mon image est insérée de manière toute simple alors je ne vois pas ce qui perturbe !!
http://www.chez.com/steph50/1.html
Si quelqu'un pouvait me dire ce qui provoque ce décalage, il gagne un Raider's.
Voici ma css :
___________________________
@charset "utf-8";
body {
margin: 0px;
behavior:url("../hoverIE/csshover.htc" ); /* requis pour le menu (notament compatibilite < IE6) */
background-color: #E9E9E9;
text-align: center; /* utile pour compatibilite < IE6 : IE interprete mal cette propriete et s'en sert pour tout aligner */
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-top:5px;
padding-bottom:5px;
}
.site {
width: 996px;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
padding-bottom:5px;
text-align: left; /* utile pour compatibilite < IE6 : On retablit l'alignement normal du texte */
}
.topsitecontainer {
width:100%;
height:120px;
padding-top:5px;
padding-bottom:5px;
}
.redtopline {
width: 100%;
height: 20px;
background-color: #D3040A;
}
.bluetopline {
width: 100%;
height: 28px;
background-color: #006EB9;
}
.graytopline {
width: 100%;
height: 20px;
background-color: #626262;
line-height:20px; /*compatibilité IE*/
text-indent:4px;
}
.whereami {
font-size: 11px;
color: #FFFFFF;
}
.stdpadding {
padding-top:10px;
padding-left:10px;
padding-right:10px;
}
.rightaligned {
float:right;
padding-left:10px;
padding-bottom:10px;
}
.leftaligned {
float:left;
padding-right:10px;
padding-bottom:10px;
}
.clear {
clear: both;
}
/*.centered {
display: block;
margin-left: auto;
margin-right: auto
}*/
.picturecontainer {
/*display: block;*/
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
}
/*#contenu .photos {
text-align:center;
}
/*.picture_content {
padding-right:1px;
}*/
/*.centeraligned {
} */
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
}
p {
font-size: 11px;
}
a.stdlinkstyle:link {
color: #006EB9; text-decoration: none;
}
a.stdlinkstyle:active {
color: #006EB9; text-decoration: none;
}
a.stdlinkstyle:visited {
color: #006EB9; text-decoration: none;
}
a.stdlinkstyle:hover {
color: #006EB9; text-decoration: underline;
}
a.whereami:link {
color: #FFFFFF; text-decoration: none;
}
a.whereami:active {
color: #FFFFFF; text-decoration: none;
}
a.whereami:visited {
color: #FFFFFF; text-decoration: none;
}
a.whereami:hover {
color: #FFFFFF; text-decoration: none;
}________________________________
Merci à+
---------------
Moi, je construis, des marionnettes.