astuce : safari css

24.06.2008, 22:34 Safari est loin d'être au point sur certains aspects, on pourrait croire qu'un design réalisé sur firefox pourrait avoir le même rendu sur ce navigateur ... mais en faites non.

I. Problèmes potentiels

- Le rendu en "gras" de certaine police est trop poussé sur Safari, vous aurez peut être à remplacer un

Codefont-weight:bold

par un

Code

font-weight:normal;
font-size:12pt; /* réajuster à la hauteur voulu*/

- certains champs quand ils sont mis en "display:inline;" s'affiche par dessus le design, vous devrez peut-être passer certaine div en "display:block".

- décalage des images en background, si votre image de background est trop décalé, saché que vous pouvait utiliser des positionnements négatifs.

Codebackground:transparent url(../images/1downarrow.png) no-repeat left -2px;

- un a href vide affiché avec une icones (pour faire un bouton) ne s'affiche pas sur Safari

II. Hack Javascript

N'ayant pas trouvé d'astuces CSS pour forcer certaines propriétés que uniquement sur Safari, et ne pouvant réaliser certaines opérations visant à rendre compatible mon site à ce navigateur que par un langage un peu avancée, j'ai du me résigner à passer par du javascript.

Toutes ces astuces ( ('astuces and tricks' en anglais) sont basé sur le Framework Jquery Vous pouvez le télécharger ici (17ko en plus sur votre page web)
http://jquery.com/

Incluez le ensuite en haut de votre code html dans la balise head

Code<script src="/javascript/jquery.js" type="text/javascript"></script>

Pour forcer l'affichage des petites icones, faites ceci (çà marche aussi sur internet explorer)

Code

if ($.browser.msie || $.browser.safari){
 $('a:empty').html("& nbsp ; " ) ;
 }

& nbsp ; en un seul mot dsl

Si vous désirez utiliser un CSS uniquement pour Safari

Code

if ($.browser.safari){
 $('head').append('<LINK rel=stylesheet type="text/css" href="style-safari.css">') ;
 }

autres astuces ici
http://www.webinventif.fr/css-selecteur-de-navigateur-via-javascript/ mumuri forum.ashots.org

mumuri: Messages : 13 314