[Résolu] Ombre et Mise en forme Correcte sauf avec Chrome

Bonjour,

Quelqu'un peut-il m'indiquer si il y a un paramètre supplémentaire à ajouter à box-shadow pour que le positionnement de la carte soit correct sur cette page Francs

Cela fonctionne correctement avec IE, Firefox et Opera (ombrage & positionnement) mais pas avec Chrome ou Safari (l'ombre de la carte déborde).

Merci d'avance.
Modifié par Rackham (08 Jul 2012 - 20:12)

-webkit-box-shadow, le préfixe pour les anciennes versions.
De préférence, en pixels les valeurs...

OK, merci beaucoup, je pensais qu'avec les nombreuses versions, cela avait été définitivement adopté.
Par contre je reste interrogatif par rapport au positionnement / débordement de la carte après le paramétrage de l'ombre.

jmlapam a écrit :
-webkit-box-shadow, le préfixe pour les anciennes versions.

Rackham a écrit :
OK, merci beaucoup, je pensais qu'avec les nombreuses versions, cela avait été définitivement adopté.

La réponse par là: http://caniuse.com/css-boxshadow
On doit pouvoir se passer des versions préfixées dans tous les navigateurs.

fvsch a écrit :


La réponse par là: http://caniuse.com/css-boxshadow
On doit pouvoir se passer des versions préfixées dans tous les navigateurs.

Merci à tous les deux, mais on devrait peut-être pouvoir se passer de -webkit-box-shadow. En le remettant, cela re-fonctionne correctement.

Pour info, je tiens à préciser que les versions ne fonctionnant pas sans le -webkit sont la version 12 d'Opéra et la 20.0.1132.47 de Chrome, donc les toutes dernières.
Modifié par Rackham (09 Jul 2012 - 17:17)

Bonjour, le problème n'a rien à voir avec l'ombrage, mais que la tableau en dessous est positionné selon la hauteur du menu à gauche de la carte, qui se trouve être un peu plus petit sous webkit.

enlever la hauteur fixe sur <div id="reste" style="height: 220px"> résoud le problème.

Au passage la page est remplie de table qui possèdent une seule colonne et une seule rangée… Et pour le positionnement, un petit tour sur http://www.alsacreations.com/article/lire/533-initiation-au-positionnement-en-css-partie-1.html ne ferait pas de mal.

Encore merci à tous.

Rackham a écrit :
Pour info, je tiens à préciser que les versions ne fonctionnant pas sans le -webkit sont la version 12 d'Opéra et la 20.0.1132.47 de Chrome, donc les toutes dernières.

Et pour ma part je précise que box-shadow (sans préfixe) marche très bien dans Opera 12 et Chrome 20. Testé à l'instant avec le code suivant extrait de ta page:

... {
  border: thin solid #CCC;
  box-shadow: 4px 4px 4px #CCC;
  }

Rendu correct dans les deux cas, rien à signaler.

fvsch a écrit :

Et pour ma part je précise que box-shadow (sans préfixe) marche très bien dans Opera 12 et Chrome 20. Testé à l'instant avec le code suivant extrait de ta page

Oui, effectivement. Je dois avoir besoin de soleil
Modifié par Rackham (10 Jul 2012 - 13:48)