• For some reason, no matter what I try to do, even using the specific -moz-border-radius css tag, firefox will NOT render any rounded corners.

    IE, chrome, safari, and even opera all work fine.

    I have checked all the css and code in the pages, and nothing seems to be blocking it, but im at a loss.

    Any ideas?

    Site is https://dietrichduke.com

    Thanks

Viewing 9 replies - 1 through 9 (of 9 total)
  • try just:

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

    Thread Starter dietrichmd

    (@dietrichmd)

    still the same. thats what i have in there atm…

    take a look at the markup validation and see if you can clean that up a little. You’ll be surprised how much thing like that will have affect on this ??

    Thread Starter dietrichmd

    (@dietrichmd)

    forgive my ignorance, but the validator says nothing about any border-radius.

    Yes I know, however fixing the issues like i.e.

    Line 228, Column 6: end tag for element “div” which is not open

    will help you get a cleaner site and we’ll rule out all HTML problems as well. Clean code could help locate the issue easier and maybe the border radius will be fixed.

    Thread Starter dietrichmd

    (@dietrichmd)

    i see what you mean. My luck is i’d remove or *fix* something and then break the rest of it………

    Thread Starter dietrichmd

    (@dietrichmd)

    Btw, the area in quesiton is here:
    [Code moderated as per the Forum Rules. Please use the pastebin]

    and the css:

    .rounded {
    
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    z-index: 2000;
    }

    I did saw that right away and can’t see to find anything wrong

    FYI
    Just checked again and I think that is something to do with the JS slider. The div under is with -moz-border-radius: and there it works just fine.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Cornering Issues with Firefox’ is closed to new replies.