Moz border radius not working in Firefox 3.5 (6 posts)

  1. mlopezart
    Posted 4 years ago #

    This is strange...for the first time IE picked up something that Firefox could not! The -moz radius CSS3 is not working for it. Can anyone pinpoint exactly what I'm doing wrong? My site is here, go to Member Login as "tester" with "tester" as password too. Then click this link again. Try both browsers and see for yourself! Thank you in advance!

    #container {
    -moz-border-radius: 1em
    -webkit-border-radius: 1em;
    border-radius: 1em;
  2. Doodlebee
    Posted 4 years ago #

    You're missing a semi-colon after the first line.

    -moz-border-radius: 1em

    should be

    -moz-border-radius: 1em;

  3. mlopezart
    Posted 4 years ago #

    Thanks, doodlebee, but that didn't fix it.

    Something weird just happened---when I got home (doing the site for work) I viewed it, and as it was loading, the bottom corners were rounded! BUT, once it completed to load, it went back to squared! All I need is to round out the bottom left and right corners of the site, but the as soon as the footer loaded in its entirety, it "covered" the nice round corners and went back to square.

    Any help is much appreciated.

  4. Doodlebee
    Posted 4 years ago #

    What rounded corners are you referring to? I'm running Firefox on Mac OSX, and they're rounded.

    edit: OIC.

    remove this line from your footer:


    it's covering your rounded corners.

    You might want to validate - you're missing some tags, and your css file should have everything in lowercase. Validating would help find your errors.

  5. mlopezart
    Posted 4 years ago #

    Using Firefox 3.5

    This is too weird. Let me install the latest version and I'll let you know...

  6. mlopezart
    Posted 4 years ago #

    Awesome. Thank you. Since I can't delete it since it was my footer's image, I instead placed the moz code along with the footer like so:

    #footer {
    	text-align: left;
    	padding:0px 0 0 0;
    	margin:10px 0 0 0;
    	-moz-border-radius-bottomright: 1em;
    	-moz-border-radius-bottomleft:  1em;

    Works perfectly. Thank you so much, Doodlebee!!! God bless!

Topic Closed

This topic has been closed to new replies.

About this Topic