Bonsoir Manly,
Belle trouvaille, que tu as faite là ! Ça fonctionne très bien, mais il faut effectivement parfaitement respecter la formulation.
Dans ta feuille de style externe, tu mets le code standard du bloc fixe #bloc pour tous les bons navigateurs :
#bloc {
position: fixed;
margin-top: 85px;
top:0;
right: 30px;
width: 129px;
height: 250px;
padding: 10px;
background-color: #8394b2;
border:outset #778899;
font-family: Verdana, Arial, "Comic sans MS", "sans serif";
color: black;
}
Et, pour Internet Explorer, tu ajoutes une clause de style dans le header de la page HTML, juste en-dessous de l'appel à la feuille de style externe :
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style1.css"/>
<!-- Code CSS pour Internet Explorer 6 -->
<!--[if lte IE 6]>
<style type="text/css" media="screen">
#bloc {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) +
this.offsetHeight - this.offsetHeight);
}
</style>
<![endif]-->
Remarques sur la position de ton bloc fixe :
pour le positionnement vertical, tu joues avec top:0 et le margin-top. C'est le plus simple, car l'expression pour Internet Explorer renvoie l'équivalent du top:0,
pour le positionnement horizontal, tu joues juste avec right, qui va positionner le bord droit de ton bloc par rapport au bord droit de la fenêtre, d'où un ajustement automatique quelle que soit la résolution de l'écran (tu remarqueras que ça fonctionne sans donner de margin-left),
comme je te le disais, le constant recalcul de la position fixe lorsque tu actionnes l'ascenseur, crée un léger effet de tressautement du bloc (ce qui n'est bien sûr pas le cas sous les autres navigateurs, où le bloc est effectivement fixe).
Pour conclure, tu triches un peu en écrivant « JavaScript et moi... ça fait deux » : les menus déroulants de ton bandeau haut fonctionnent grâce à un script JavaScript !