CSS sous IE et FF

[Scali's]

Bonjour tout le monde,

L'éternel problème, celui du css avec Internet Explorer.
Je suis totalement inculte dans ce domaine ( et dans tant d'autres).

On m'a gentiment donné le code d'une simple barre de liens qui, sous FireFox uniquement, reste en permanence en haut de l'écran.

J'ai donc ceci dans mes fichiers .php:

Code: Tout sélectionner

<div id="sitebarre">
    <ul>
        <li>texte</li>
    </ul>
</div>

Et ceci dans mes fichiers .css:

Code: Tout sélectionner

div#sitebarre {
   z-index: 3;
   width: 98%;
   position: absolute;
   top: 0; left: 5px; right: 5px;
   background-color: #663300;
   border-width: 0 1px 1px;
   border-style: solid;
   border-color: #663300;
   padding: 3px 6px 1px;
   font: 0.75em "Trebuchet MS", Helvetica, Geneva, Arial, sans-serif;
   color: black;
}

body>div#sitebarre { width: auto; }

div#sitebarre ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    letter-spacing: 0.01em;
}

div#sitebarre form {
    margin: 0;
    padding: 0;
    text-align: right;
}

body>div#sitebarre { position: fixed; }

div#sitebarre li           { display: inline; margin-right: 6px; }
div#sitebarre a            { text-decoration: none; }
div#sitebarre a:link,
div#sitebarre a:visited    { background-color: transparent; color: white; }
div#sitebarre a:hover      { background-color: transparent; color: #F95; }

Mais évidemment, sous Internet Explorer, la barre ne descend pas. Elle est affichée, mais dés qu'on descend sur la page, elle ne suit pas.

Y a-t-il une solution ?

Merci beaucoup d'avance

[moktoipas]

la seule solution est du javascript (que je ne connais pas) ou attendre IE 7.

La position:fixed ne sera geré dans cette bouze que dans IE7.

[Scali's]

javascript ?

Arf je connais pas du tout.
Merci de l'info en tout cas.

Quelqu'un saurait faire ça ?

[Leonick]

avec

Code: Tout sélectionner

position: absolute;
top: expression(body.scrollTop);

Ca devrait passer.
Par contre, autant ça fonctionne très bien avec certains sites, autant sur d'autres j'ai un problème de déplacement par sacades.
il faut que je vois d'où ça vient.

[Scali's]

Génial ! Merci beaucoup.

Pas très grave pour les saccades.

[moktoipas]

Ya pas besoin de javascript ! Je savais meme pas !

merki

[Scali's]

En fait ça ne marche pas chez tout le monde.

[Leonick]

Non, parce que ça c'était uniquement pour IE
pour FF & IE, il faut le jouer subtil
position: fixed; // pour FF
_position:absolute; // pour IE qui ne tient pas compte du _
top: expression(body.scrollTop); // pour IE
top: 0; // pour FF

voir exemple sur http://www.recits.champignytriathlon.or ... ne-2005-ir
Testé sur XP SP2 avec IE 6, FF 1.5 et Opera 8.5.
sur IE, il faut effectivement avoir javascript activé, mais bon si on est assez parano pour désactiver le JS avec IE, on ne reste plus sur IE, non ?

[Scali's]

Je teste et te tiens au courant, merci.