[Résolu] Les attributs de la balise DIV ne fonctionnent pas

[Invité Johannes]

Coucou,

Je ne parvient à faire fonctionner les attributs de la balise div. Voici ma source:

 

<!-- DEBUT EN-TETE DE PAGE -->

<div style='position:absolute; letter-spacing:1px; word-spacing:2px; width:100%; left:0px; top:0px; height:50px; text-align:center; line-height:50px; font-size:26px; font-family:MarkerFelt-Thin; z-index:0; -webkit-box-shadow: 0px 1px 6px rgba(0,0,0,.85); -webkit-border-radius:0px; background-image:-webkit-gradient(linear,right bottom,right top,color-stop(0,#009966),color-stop(.83,#00CC66)); color:#FFFFFF;'><marquee behavior="alternate" scrollamount="1" width="40%" align="center">JLEMONDE - ACCUEIL</marquee></div>

<div style='position:absolute; width:140px; left:20px; top:20px; height:25px; z-index:1; background-color:rgba(255,255,255,0); -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px;'></div>

<br><br><br>

<!-- FIN EN-TETE DE PAGE -->

 

Pourquoi ça fonctionne sur un ordi mais pas sur l'autre.

Celui qui NE fonctionne PAS est un PC Windows 7 et j'utilise Mozilla Firefox.

Celui qui fonctionne est un Mac.

[Dylav]

Bonsoir Johannes,

 

Les attributs box-shadow, border-radius et gradient sont tout nouveaux tout beaux, à tel point que,

1. ils ne sont actuellement supportés que par les navigateurs FireFox, Safari, Chrome et Opéra (donc pas par Internet Explorer),
   
2. ils doivent être codés différemment suivant le moteur utilisé : préfixés par -webkit- avec le moteur Webkit (Safari), -moz- avec le moteur Gecko (FireFox). Attention, il y a encore d'autres différences dans la codification.

Ainsi, en attendant une normalisation, tu es obligé de doubler le codage de tes attributs : l'attribut -moz-... sera compris par FireFox et ignoré par Safari, alors que l'attribut -webkit-... sera compris par Safari et ignoré par FireFox.

 

S'il est vrai que ça en jette un max, il ne faut cependant pas oublier que, dans l'immédiat, tu vas priver plus de la moitié de tes visiteurs du titre de ta page : les utilisateurs d'IE (en effet, l'attribut gradient étant ignoré, la balise div garde par défaut un fond blanc, sur lequel tu inscris le titre défilant en blanc : ça manque de contraste). Le jeu en vaut-il la chandelle ?

[Invité Johannes]

Merci, c'est chouette, ça marche. J'ai doublé et tout est en ordre !!

[KewlCat]

Le problème semble avoir trouvé sa solution.

Ainsi, afin de signaler clairement à ceux qui ont un problème similaire qu'ils ont peut-être une solution toute trouvée (s'ils pensent à utiliser la fonction Recherche en indiquant le mot-clé "résolu" auparavant), et afin de signaler aux autres contributeurs qu'il est inutile de continuer à se creuser la tête sur le problème (à moins d'avoir des suppléments d'informations à apporter pour mieux comprendre ce qui posait problème), un modérateur a préfixé le titre du topic avec la mention [résolu].

Merci, à l'avenir, de bien vouloir prendre à votre charge cette mise à jour quand vous estimez que votre problème a été résolu de manière satisfaisante (et parallèlement, si le problème a disparu "mystérieusement", inutile d'induire les gens en erreur ) Pour cela, votre premier message