Problème de compatibilité firefox windows et mac

quel est ton code?

c'est juste du border-radius standart
j'ai esayé comme ca

-webkit-border-radius: 50%;
-moz-border-radius: 50%
border-radius: 50%;

et comme ca aussi

border-radius: 50%;

aucun différence ce fait entre les 2

sauf que le radius est pris sur mac et sur windows juste un angle est pris en compte

j'ai donc fait aussi un

border-radius: 60px 60px 60px 60px;

et un

-webkit-border-radius: 60px 60px 60px 60px;
-moz-border-radius: 60px 60px 60px 60px;
border-radius: 60px 60px 60px 60px;

rien n'y change aussi, c'est très chiant

edit, j'ai essayé en css normale, avec compass et sass et meme less!!! rien n'y as fait ^^

et en rajoutant un border: 0px solid......

Question con tu as mis ton navigateur à jour ? Non parce que faut arrêter de dire que parce ce n'est pas sur Mac ça ne marche pas.. c'est généralement lié au browser plus qu'à l'OS.

Tu pourras nous donner un peu plus de code aussi parce que ça peut aussi venir de là

les deux navigateurs sont sur la meme version la 36, le code n'as pas de chose plus fofole

width: 500px;
height: 500px

C'est curieux quand même. Tu n'aurais pas un border-radius à 0 quelque part dans ta feuille de style qui annulerait ton border-radius ?
As-tu pensé à préfixer tes propriétés ?

Bonjour,

où peut-on constater le problème?

Bonjour,

Une valeur pour border-style? @fred

@green68: Un border-radius ne necessite pas nécessairement d'appliquer des bordures à ton élément.

@Cyprien G: un style et/ou un background au moins ;)

Mais comme il manque pas mal du code pas de solution directe.

alors en 1er non je n'ai pas de border-radius a 0 quelque part et j'ai bien préfixé les radius

en 2 : http://www.restaurant-laffable.fr/web/index.php?p=menu c'est les 4 cercles des menu et de la carte . Sur ecran 13 pouces, ca fonctionne pas encore, je voulais régler le problème de radius avant de faire le responsive

et enfin, border-style a aucune valeur

Sous Linux: ok sous Chrome, pb sous Firefox !

sous Firefox enleve le overflow et ça fonctionne nickel ;)

Quelque chose comme cela peut etre :

<div class="block-round">
    <div class="block-menu">
    <!--   -->
    </div>
</div>

.block-round{
    overflow: hidden;
    border-radius: 50%;
    margin: 30px;

}
.block-menu{
    overflow: scroll;
    margin: 10px;
}

merci green je teste ca lundi au taf et je te fait un retour

Bon merci pour ton aide green :-) finalement le client a changer complètement d'idée et veut un one page, tjrs accessible a la meme adresse ^^ un petit avis externe ne peut pas faire de mal pour evoluer :-)

En tous cas merci du temps que tu as perdu pour m'aider :-)