CSS/Javascript + Navigateur(s)

jcooleman Messages postés 8 Statut Membre -  
jcooleman Messages postés 8 Statut Membre -
Bonjour,

J'ai un problème qui m'a l'air tout bête et quoi que je fasse je rame à le résoudre :

je fais s'afficher une ligne bleue sur mon blog, cette ligne correspond à ca dans mon CSS :

.tabs_cap_bottom {
bottom: 35px;
}

Je voudrais que si le visiteur de mon site utilise Chrome ou Safari, alors bottom : 33px.

J'ai donc utilisé du Javascript pour reconnaitre le navigateur (mais je ne suis pas très à l'aise avec ce langage) :

<script language='JavaScript'>

Nom = navigator.appName;
if (Nom == 'safari') {
.tabs_cap_bottom {
bottom: 33px;
}
}
</script>

J'ai ici repris les lignes du CSS en remplacant 35 par 33. Etant donné que ca ne marche pas, j'imagine que JS ne comprend pas mon action,
alors comment dois-je formuler cette action dans les termes du JS?

J'espère avoir été assez clair,
Merci beaucoup d'avance ;)

J.

2 réponses

  1. tom
     
    Salut,

    ne t'embête pas avec du js pour faire ça, utilise un petit hack css :
    @media screen and (-webkit-min-device-pixel-ratio:0) {
    .tabs_cap_bottom {
    bottom: 33px; 
    }
    


    Et là les utilisateurs des navigateurs webkit (donc chrome/safari) auront le bon positionnement.

    à plus
    0
  2. jcooleman Messages postés 8 Statut Membre
     
    Un gros gros merci, pour l'instant ca a l'air de marcher!

    Tu m'as facilité la tâche de manière impressionnante!

    Encore merci et bonne journée,

    J.
    0