Le CSS ne marche pas sur Chrome

[Aliichaa]

Bonjours,
hier j'avais un soucis de .div, aujourd'hui c'est de CSS...



Comme le montre le Screen, le "border-radius" ne s'applique pas correctement, le "width" et le " padding" ne fonctionne pas non plus ...

Mon CSS:

Quelque chose ne vas pas dans mon CSS?
D'habitude, ces codes s'applique très bien sur Chrome... Merci et bonne journée ><

[demeter1]

Pour les bords arrondis, ce css est correct

Code:

.description  { background-color : #fff ; width:560px ;
padding: 8px; overflow:hidden ;
  -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

Pour le reste, vous ne mettez que border-radius

Pour le padding, il me semble qu'il faut rajouter -webkit-padding pour que cela marche sur chrome.
La syntaxe en fonctions de l'attribution de l'arrondi
(haut) -webkit-padding-before

(doite) -webkit-padding-end

(bas) -webkit-padding-after

(gauche) -webkit-padding-start

[Aliichaa]

Re-bonjours

Ca ne marche toujours pas ...

[demeter1]

1 on pourrait avoir le nouveau css
2 vous avez pensé à vider les caches de votre navigateur ??

[Aliichaa]

CSS:

Et je n'ai pas vider le cache vu que j'ai tester sur 2 ordinateurs différents et c'st le même soucis : les codes ne s'appliquent pas sur Chrome

[Scoubifitz]

bonjour,

on reprend depuis le début ?

vous avez mis la class "description" à une balise "span" , qui n'accepte le width et le padding que si on définit la balise comme un block :

.description {
display:block;
background-color : #fff ;
width:560px ;
padding: 8px;
overflow:hidden ;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

passons à la class "stats" qui est intégrée à une cellule (td) ...
cette cellule a son propre padding , il faut donc forcer le padding de cette class par un !important :

.stats {background-color : #fff ;
position:relative;
padding: 20px!important;
border-radius : 30px}

en rajoutant ces 2 attributs à votre CSS de départ , vous résoudrez votre souci .

[Aliichaa]

Effectivement, ça marche nettement mieux comme ça ... Merci de votre aide. ^^

Et désolé du dérangement, problème résolu ^^ .