CSS Safari - Chrome - Opéra...

Général
1

Bonjour à tous

j’ai des problèmes d’affichage sous Chrome + Safari + Opéra
Je voudrais faire comme je fais pour IE :

Mais à première vue, d’après ce que j’ai lu sur différents forums cette méthode n’existe pas pour d’autres navigateurs

J’ai trouvé ce code :
<?php
if ($.browser.safari){
$('head').append('<LINK rel=stylesheet type="text/css" href="style-safari.css">') ;
}
?>

mais je ne sais pas vraiment où le placer, j'ai essayer dans le inc-head.html

[(#REM) Feuille de style CSS pour SAFARI et Chrome ]
<?php if ($.browser.safari){
$('head').append('<LINK rel=stylesheet type="text/css" href="[(#CHEMIN{habillage-safari.css}|direction_css)]" media=projection, screen, tv>') ;
}
?>

ça marche pas il me donne ce message d'erreur :

Parse error: syntax error, unexpected ‹ . ›, expecting T_VARIABLE or ‹ $ › in *D:*

Il y a-t-il une fonction pour faire appel à différente Css suivant les Navigateurs ?

Merci :wink:

2

PANDAKORE a écrit :

Bonjour à tous

j'ai des problèmes d'affichage sous Chrome + Safari + Opéra
Je voudrais faire comme je fais pour IE :
<!--[if IE 7]>
<style type="text/css">@import "......style_IE7.css";</style>
<![endif]-->

Mais à première vue, d'après ce que j'ai lu sur différents forums cette méthode n'existe pas pour d'autres navigateurs

J'ai trouvé ce code :
|<?php|
|if ($.browser.safari){
$('head').append('<LINK rel=stylesheet type="text/css" href="style-safari.css">') ;
}
||?>

||mais je ne sais pas vraiment où le placer, j'ai essayer dans le inc-head.html

[(#REM) Feuille de style CSS pour SAFARI et Chrome ]
<?php if ($.browser.safari){
$('head').append('<LINK rel=stylesheet type="text/css" href="[(#CHEMIN{habillage-safari.css}|direction_css)]" media=projection, screen, tv>') ;
}
?>

ça marche pas il me donne ce message d'erreur :

|*Parse error*: syntax error, unexpected '.', expecting T_VARIABLE or '$' in *D:\*

Il y a-t-il une fonction pour faire appel à différente Css suivant les Navigateurs ?

Merci :wink:
------------------------------------------------------------------------

_______________________________________________
  

Le @import est-il nécessaire? ne peux tu pas passer par #CHEMIN?

Bernard

3

PANDAKORE a écrit :

Bonjour à tous

j'ai des problèmes d'affichage sous Chrome + Safari + Opéra
Je voudrais faire comme je fais pour IE :
<!--[if IE 7]>
<style type="text/css">@import "......style_IE7.css";</style>
<![endif]-->

Mais à première vue, d'après ce que j'ai lu sur différents forums cette méthode n'existe pas pour d'autres navigateurs

Il y a-t-il une fonction pour faire appel à différente Css suivant les Navigateurs ?

Tu peux toujours faire appel à $_SERVER['HTTP_USER_AGENT'] (en PHP) ou navigator.userAgent (en javascript). Mais quel intérêt? À part IE, tous les bons navigateurs savent interpréter du code conforme...

--
Sergio
Éditions Touchalon: htpp://touchalon.free.fr
Soutenez le libre: http://www.framasoft.org

4

bonjour,
perso je prendrai la problématique en sens inverse,

  1. développer avec firefox ou opera ou chrome ou seamonkey ou …
  2. quand c’est ok ajouter les hacks nécessaire pour le navigateur poubelle !
    cordailement

PANDAKORE a écrit :

5

Le 19 févr. 2010 à 15:52, Sergio a écrit :

PANDAKORE a écrit :

Bonjour à tous
j'ai des problèmes d'affichage sous Chrome + Safari + Opéra
Je voudrais faire comme je fais pour IE :
<!--[if IE 7]>
<style type="text/css">@import "......style_IE7.css";</style>
<![endif]-->
Mais à première vue, d'après ce que j'ai lu sur différents forums cette méthode n'existe pas pour d'autres navigateurs

Il y a-t-il une fonction pour faire appel à différente Css suivant les Navigateurs ?

Tu peux toujours faire appel à $_SERVER['HTTP_USER_AGENT'] (en PHP) ou navigator.userAgent (en javascript). Mais quel intérêt? À part IE, tous les bons navigateurs savent interpréter du code conforme...

--
Sergio

Oui normalement c'est plutôt l'inverse : on code de façon conforme et ça marche partout sauf IE !
Commence donc par faire un site conforme qui s'affiche correctement sous Chrome, Safari et Opera, et là ton site s'affichera aussi à peu près correctement partout (sauf IE bien sûr). De plus il sera mieux indexé par les moteurs. Et quand tout sera nickel, là tu pourras éventuellement rajouter un peu de code conditionnel pour IE...

6

Ouais pour ma part je dirais +1! Pas question de faire du style pour ceux qui n'en on pas!!
Pour le reste je suis déjà un peu en vacance..Demain je serais en Californie! Une première!!

Bernard

bobof a écrit :

2) quand c'est ok ajouter les hacks nécessaire pour le navigateur poubelle !

http://www.bernardblazin.com

7

Merci pour vos réponse
le problème c’est que je dév toujours sur Firefox et qu’il est nickel, il l’est aussi avec IE8 sans avoir besoin de modifier les CSS
Il me reste IE7 ça, ça va aller, mais sous Chrome ça déconne :frowning:

Le 19 février 2010 16:10, pascal weber <p.weber@free.fr> a écrit :

Le 19 févr. 2010 à 15:52, Sergio a écrit :

PANDAKORE a écrit :

Bonjour à tous
j’ai des problèmes d’affichage sous Chrome + Safari + Opéra
Je voudrais faire comme je fais pour IE :

Mais à première vue, d’après ce que j’ai lu sur différents forums cette méthode n’existe pas pour d’autres navigateurs

Il y a-t-il une fonction pour faire appel à différente Css suivant les Navigateurs ?

Tu peux toujours faire appel à $_SERVER[‹ HTTP_USER_AGENT ›] (en PHP) ou navigator.userAgent (en javascript). Mais quel intérêt? À part IE, tous les bons navigateurs savent interpréter du code conforme…

–
Sergio

Oui normalement c’est plutôt l’inverse : on code de façon conforme et ça marche partout sauf IE !
Commence donc par faire un site conforme qui s’affiche correctement sous Chrome, Safari et Opera, et là ton site s’affichera aussi à peu près correctement partout (sauf IE bien sûr). De plus il sera mieux indexé par les moteurs. Et quand tout sera nickel, là tu pourras éventuellement rajouter un peu de code conditionnel pour IE…

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

8

Sans vouloir troller, c’est rare que ces deux navigateurs (parce que Chrome et Safari = Webkit donc même combat) posent des problèmes d’affichage.

Il s’agit souvent de code CSS invalide.

De : PANDAKORE [mailto:pandakore@gmail.com]
Envoyé : vendredi 19 février 2010 14:38
À : Spip Spip
Objet : [Spip] CSS Safari - Chrome - Opéra…

Bonjour à tous

j’ai des problèmes d’affichage sous Chrome + Safari + Opéra
Je voudrais faire comme je fais pour IE :

Mais à première vue, d’après ce que j’ai lu sur différents forums cette méthode n’existe pas pour d’autres navigateurs

J’ai trouvé ce code :

<?php if ($.browser.safari){ $('head').append('') ; } ?>

mais je ne sais pas vraiment où le placer, j’ai essayer dans le inc-head.html

[(#REM) Feuille de style CSS pour SAFARI et Chrome ]

<?php if ($.browser.safari){ $('head').append('') ; } ?>

ça marche pas il me donne ce message d’erreur :

Parse error: syntax error, unexpected ‹ . ›, expecting T_VARIABLE or ‹ $ › in *D:*

Il y a-t-il une fonction pour faire appel à différente Css suivant les Navigateurs ?

Merci :wink:

9

On peut avoir un exemple ?

De : Nicolas MAUHIN [mailto:nicolas.mauhin@gmail.com]
Envoyé : vendredi 19 février 2010 16:44
À : pascal weber
Cc : spip rezo rezo
Objet : Re: [Spip] CSS Safari - Chrome - Opéra…

Merci pour vos réponse
le problème c’est que je dév toujours sur Firefox et qu’il est nickel, il l’est aussi avec IE8 sans avoir besoin de modifier les CSS
Il me reste IE7 ça, ça va aller, mais sous Chrome ça déconne :frowning:

Le 19 février 2010 16:10, pascal weber <p.weber@free.fr> a écrit :

Le 19 févr. 2010 à 15:52, Sergio a écrit :

PANDAKORE a écrit :

Bonjour à tous
j’ai des problèmes d’affichage sous Chrome + Safari + Opéra
Je voudrais faire comme je fais pour IE :

Mais à première vue, d’après ce que j’ai lu sur différents forums cette méthode n’existe pas pour d’autres navigateurs

Il y a-t-il une fonction pour faire appel à différente Css suivant les Navigateurs ?

Tu peux toujours faire appel à $_SERVER[‹ HTTP_USER_AGENT ›] (en PHP) ou navigator.userAgent (en javascript). Mais quel intérêt? À part IE, tous les bons navigateurs savent interpréter du code conforme…

–
Sergio

Oui normalement c’est plutôt l’inverse : on code de façon conforme et ça marche partout sauf IE !
Commence donc par faire un site conforme qui s’affiche correctement sous Chrome, Safari et Opera, et là ton site s’affichera aussi à peu près correctement partout (sauf IE bien sûr). De plus il sera mieux indexé par les moteurs. Et quand tout sera nickel, là tu pourras éventuellement rajouter un peu de code conditionnel pour IE…

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

10

je suis bien d’accord avec toi, mais là je comprends pas
je vais revoir de plus près mes css…

:wink:

Le 19 février 2010 16:43, Samy Rabih <samy.rabih@free.fr> a écrit :

Sans vouloir troller, c’est rare que ces deux navigateurs (parce que Chrome et Safari = Webkit donc même combat) posent des problèmes d’affichage.

Il s’agit souvent de code CSS invalide.

De : PANDAKORE [mailto:pandakore@gmail.com]
Envoyé : vendredi 19 février 2010 14:38
À : Spip Spip
Objet : [Spip] CSS Safari - Chrome - Opéra…

Bonjour à tous

j’ai des problèmes d’affichage sous Chrome + Safari + Opéra
Je voudrais faire comme je fais pour IE :

Mais à première vue, d’après ce que j’ai lu sur différents forums cette méthode n’existe pas pour d’autres navigateurs

J’ai trouvé ce code :

<?php if ($.browser.safari){ $('head').append('') ; } ?>

mais je ne sais pas vraiment où le placer, j’ai essayer dans le inc-head.html

[(#REM) Feuille de style CSS pour SAFARI et Chrome ]

<?php if ($.browser.safari){ $('head').append('') ; } ?>

ça marche pas il me donne ce message d’erreur :

Parse error: syntax error, unexpected ‹ . ›, expecting T_VARIABLE or ‹ $ › in *D:*

Il y a-t-il une fonction pour faire appel à différente Css suivant les Navigateurs ?

Merci :wink:

11

http://www.snc3s-cfecgc.fr/

le formulaire d’inscription à la newsletter à droite

les autres exemples sont dans la parti cachés donc je peux pas vous les donner, mais en générale se sont sur les formulaire que ça déconne :frowning:

Le 19 février 2010 16:46, Samy Rabih <samy.rabih@free.fr> a écrit :

On peut avoir un exemple ?

De : Nicolas MAUHIN [mailto:nicolas.mauhin@gmail.com]
Envoyé : vendredi 19 février 2010 16:44
À : pascal weber
Cc : spip rezo rezo
Objet : Re: [Spip] CSS Safari - Chrome - Opéra…

Merci pour vos réponse
le problème c’est que je dév toujours sur Firefox et qu’il est nickel, il l’est aussi avec IE8 sans avoir besoin de modifier les CSS
Il me reste IE7 ça, ça va aller, mais sous Chrome ça déconne :frowning:

Le 19 février 2010 16:10, pascal weber <p.weber@free.fr> a écrit :

Le 19 févr. 2010 à 15:52, Sergio a écrit :

PANDAKORE a écrit :

Bonjour à tous
j’ai des problèmes d’affichage sous Chrome + Safari + Opéra
Je voudrais faire comme je fais pour IE :

Mais à première vue, d’après ce que j’ai lu sur différents forums cette méthode n’existe pas pour d’autres navigateurs

Il y a-t-il une fonction pour faire appel à différente Css suivant les Navigateurs ?

Tu peux toujours faire appel à $_SERVER[‹ HTTP_USER_AGENT ›] (en PHP) ou navigator.userAgent (en javascript). Mais quel intérêt? À part IE, tous les bons navigateurs savent interpréter du code conforme…

–
Sergio

Oui normalement c’est plutôt l’inverse : on code de façon conforme et ça marche partout sauf IE !
Commence donc par faire un site conforme qui s’affiche correctement sous Chrome, Safari et Opera, et là ton site s’affichera aussi à peu près correctement partout (sauf IE bien sûr). De plus il sera mieux indexé par les moteurs. Et quand tout sera nickel, là tu pourras éventuellement rajouter un peu de code conditionnel pour IE…

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

12

Tu peux modifier ta css :

#newsletter_submit {

float:right;

position :relative ;

top :26px

}

De : Nicolas MAUHIN [mailto:nicolas.mauhin@gmail.com]
Envoyé : vendredi 19 février 2010 17:56
À : Samy Rabih
Cc : pascal weber; spip rezo rezo
Objet : Re: [Spip] CSS Safari - Chrome - Opéra…

http://www.snc3s-cfecgc.fr/

le formulaire d’inscription à la newsletter à droite

les autres exemples sont dans la parti cachés donc je peux pas vous les donner, mais en générale se sont sur les formulaire que ça déconne :frowning:

Le 19 février 2010 16:46, Samy Rabih <samy.rabih@free.fr> a écrit :

On peut avoir un exemple ?

De : Nicolas MAUHIN [mailto:nicolas.mauhin@gmail.com]
Envoyé : vendredi 19 février 2010 16:44
À : pascal weber
Cc : spip rezo rezo
Objet : Re: [Spip] CSS Safari - Chrome - Opéra…

Merci pour vos réponse
le problème c’est que je dév toujours sur Firefox et qu’il est nickel, il l’est aussi avec IE8 sans avoir besoin de modifier les CSS
Il me reste IE7 ça, ça va aller, mais sous Chrome ça déconne :frowning:

Le 19 février 2010 16:10, pascal weber <p.weber@free.fr> a écrit :

Le 19 févr. 2010 à 15:52, Sergio a écrit :

PANDAKORE a écrit :

Bonjour à tous
j’ai des problèmes d’affichage sous Chrome + Safari + Opéra
Je voudrais faire comme je fais pour IE :

Mais à première vue, d’après ce que j’ai lu sur différents forums cette méthode n’existe pas pour d’autres navigateurs

Il y a-t-il une fonction pour faire appel à différente Css suivant les Navigateurs ?

Tu peux toujours faire appel à $_SERVER[‹ HTTP_USER_AGENT ›] (en PHP) ou navigator.userAgent (en javascript). Mais quel intérêt? À part IE, tous les bons navigateurs savent interpréter du code conforme…

–
Sergio

Oui normalement c’est plutôt l’inverse : on code de façon conforme et ça marche partout sauf IE !
Commence donc par faire un site conforme qui s’affiche correctement sous Chrome, Safari et Opera, et là ton site s’affichera aussi à peu près correctement partout (sauf IE bien sûr). De plus il sera mieux indexé par les moteurs. Et quand tout sera nickel, là tu pourras éventuellement rajouter un peu de code conditionnel pour IE…

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc

13

Nicolas MAUHIN a écrit :

http://www.snc3s-cfecgc.fr/

le formulaire d’inscription à la newsletter à droite

les autres exemples sont dans la parti cachés donc je peux pas vous les donner, mais en générale se sont sur les formulaire que ça déconne :frowning:

Le 19 février 2010 16:46, Samy Rabih <samy.rabih@free.fr> a écrit :

pas sur de moi mais un truc me parait bizarre, c’est

#newsletter_submit {

float:left;
margin:26px 0 0 5px;

}

j’aurais mis float:right plutôt

14

pascal weber a écrit :

Oui normalement c'est plutôt l'inverse : on code de façon conforme et ça marche partout sauf IE !
Commence donc par faire un site conforme qui s'affiche correctement sous Chrome, Safari et Opera, et là ton site s'affichera aussi à peu près correctement partout (sauf IE bien sûr). De plus il sera mieux indexé par les moteurs. Et quand tout sera nickel, là tu pourras éventuellement rajouter un peu de code conditionnel pour IE...

Sans oublier que Chrome et Safari (et quelques autres, comme Midori, Konqueror...) utilisent le même moteur de rendu. Donc devraient afficher la même chose...

--
Sergio
Éditions Touchalon: htpp://touchalon.free.fr
Soutenez le libre: http://www.framasoft.org

15

Le 19/02/2010 14:38, PANDAKORE a écrit :

J'ai trouvé ce code :
|<?php|
|if ($.browser.safari){
$('head').append('<LINK rel=stylesheet type="text/css" href="style-safari.css">') ;
}
||?>

||mais je ne sais pas vraiment où le placer, j'ai essayer dans le inc-head.html

[(#REM) Feuille de style CSS pour SAFARI et Chrome ]
<?php if ($.browser.safari){
$('head').append('<LINK rel=stylesheet type="text/css" href="[(#CHEMIN{habillage-safari.css}|direction_css)]" media=projection, screen, tv>') ;
}
?>|

a ressemble plus à du jquery qu'a du php ...

http://api.jquery.com/jQuery.browser/

Tu pourrais utilise du addClass / removeClass en fonction du type de navigateur.

16

Le 19/02/2010 17:56, Nicolas MAUHIN a écrit :

http://www.snc3s-cfecgc.fr/

le formulaire d’inscription à la newsletter à droite

les autres exemples sont dans la parti cachés donc je peux pas vous les donner, mais en générale se sont sur les formulaire que ça déconne :frowning:

Le 19 février 2010 16:46, Samy Rabih <samy.rabih@free.fr> a écrit :

On peut avoir un exemple ?

Bonjour,
Il se peut que je dise des bêtises :
En cas de doute de ce type, avant d’incriminer ma feuille de styles, je regarde toujours d’abord la validité de mon code.

@+
Luc
17

ok merci à tous je regarde ça en rentrant :slight_smile:

Le 20 février 2010 07:41, Luc Mamin <mamin.luc@orange.fr> a écrit :

Le 19/02/2010 17:56, Nicolas MAUHIN a écrit :

http://www.snc3s-cfecgc.fr/

le formulaire d’inscription à la newsletter à droite

les autres exemples sont dans la parti cachés donc je peux pas vous les donner, mais en générale se sont sur les formulaire que ça déconne :frowning:

Le 19 février 2010 16:46, Samy Rabih <samy.rabih@free.fr> a écrit :

On peut avoir un exemple ?

Bonjour,
Il se peut que je dise des bêtises :
En cas de doute de ce type, avant d’incriminer ma feuille de styles, je regarde toujours d’abord la validité de mon code.

@+
Luc

liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
http://archives.rezo.net/spip.mbox/

Documentation de SPIP : http://www.spip.net/

Irc : de l’aide à toute heure : http://spip.net/irc