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 à+

c'est pas à cause de l'ascenseur qui est présent dans une page et pas dans l'autre ?

edit: la solution serait de toujours l'afficher mais je ne sais pas si c'est possible (d'autres sauront sûrement )

Ah oui ! bonne piste !!!!

YEEEEEEEEEEESSSSSSSSSSSSSSS
 
Thank you so much art_dupond, j'ai ajouté dans ma CSS :
 
html {
height:100%;
}
body {
height:100%;
}
 
Et ça va, c'était donc cela !!!!!!!!!
 
Comme quoi avec du recul on voit de suite ce qui cloche
 
Tu as gagné un Raider's !!!

 
Tu viens de me faire vieillir de vingt ans.

 
10 ans par doigt tu prends cher

moi hier j en ai pris dix en tombant sur cette page