28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous, J'ai un petit souci de positionnement sous opera, et je cherche comment cibler ce navigateur spécifiquement.
C'est le positionnement du slider de mon site : lien
J'ai regardé du coté des hack, mais ceux que je trouve m'ont l'air bien ancien. En auriez-vous un qui marche en ce moment ?
Ou un commentaire conditionnel (si cela existe pour opera).
Ou toute autre méthode.
Merci pour vos réponses.
A bientot,
Cordialement,
Jérôme.
Bonjour,

tu peut eventuellement tester un de mes vieux test de hacks :
@media screen and (min-width: -10px) {
    body:before {
        content:'votre navigateur est Opéra';
    }
}

mais comme ce type de hacks fini toujours par être ou compris par d'autre navigateur ou corrigé, je ne suis pas certains qu'il soit encore efficace.

Le mieux est quand même de découvrir ce qui provoque le défaut , puis de le corrigé ou de l’éviter en changeant de méthode/approche.
Je vais tester celui-ci qui m'a l'air bien tordu Smiley lol .
Changer de méthode ou d'approche demanderait bien trop de temps pour un trop petit nombre de visiteurs sous opera.

Merci Smiley smile
Peut-être m'y prends-je mal, mais impossible de faire fonctionner l'affaire.

J'ai vu ton billet sur ton site.
Celui-là non plus :
@media not screen and (0) { body:before { content:'votre navigateur est Opéra'; } }


Ce que j'ai fait :
@media not screen and (0) { .daslide { margin: ...;}}
bonjour,

Je n'ai tester ce dernier que sous windows 7.
il y a une autre approche plus classique decrite ici :
http://bricss.net/post/11230266445/css-hack-to-target-opera
L'idée est d'ajouter un premier selecteur : x:-o-prefocus , devant le selecteur que tu veut servir uniquement a Opéra.(les autres navigateur releve une erreur et passent a la règle suivante)
Cela donnerait pour le test :
x:-o-prefocus, body:before {content:'Votre navigateur est Opera';}


Cela reste peu fiable si ça fonctionne même si l'usage d'un prefixe proprietaire semble eviter les debordements Smiley smile .
<edit> quelque chose de similaire, mais pour Firefox et un defaut spécifique : http://forum.alsacreations.com/topic.php?fid=4&tid=59726&s=hack+firefox#p408180 </edit>

GC
Modifié par gc-nomade (07 May 2012 - 14:10)
x:-o-prefocus, body:before {content:'Votre navigateur est Opera';}

Ca marche parfaitement !
Et effectivement probablement plus pérenne que le précédent.
Merci GC !


PS : Opera v11.50