Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Oct 2008
    Posts
    18
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Firefox border weight

    Hi,

    I have a 1px border around an iFrame in my page. This looks okay in IE but firefox displays the border thicker.

    As i have applied rounded corners to this border using 4 images it looks slightly odd in firefox.

    Is there a workaround for this so it can display in ff like in ie?

    Code:
    #divFrameBorder{ border:1px; border:solid; color:#CBB1E4; margin-left:140px; margin-right:190px; margin-top:5px; margin-bottom:5px; padding-left:20px; padding-top: 5px}
    
    #divCorner1 { width:18px; height:16px; background-image:url(../images/layout/box/corner1.png); background-repeat:no-repeat; position:absolute; left:140px; top:234px}
    #divCorner2 { width:16px; height:18px; background-image:url(../images/layout/box/corner2.png); background-repeat:no-repeat; position:absolute; left:754px; top:234px}
    #divCorner3 { width:16px; height:18px; background-image:url(../images/layout/box/corner3.png); background-repeat:no-repeat; position:absolute; left:140px; top:714px}
    #divCorner4 { width:18px; height:16px; background-image:url(../images/layout/box/corner4.png); background-repeat:no-repeat; position:absolute; left:753px; top:715px}
    Thanks for help with this.

  • #2
    New Coder
    Join Date
    Oct 2008
    Posts
    18
    Thanks
    6
    Thanked 0 Times in 0 Posts
    managed to fix this; i was setting border twice so firefox was using the default border weight.

    thanks


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •