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 5 of 5
  1. #1
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Margin/Padding & Background Issue

    I'm getting some strange problem with background images...

    On http://www.downfallband.co.uk/ , there is two background images - top left and bottom right - one's in the header, and one's in the center part. In IE they display fine but in FF they are not... any ideas? Sure it's something to do with the margins/padding.

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Positioning background images in FF can be tricky, I think it would be easier if you just made a background image that was 750x554 and set as the background for the main div, since the iframe height doesn't appear that its going to change.

  • #3
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks, I'll try that.

    EDIT - Darn, tried it and still getting poor results in FF... you can see the updated version online.
    Last edited by mark87; 05-22-2005 at 06:12 PM.

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I said the MAIN div.
    Code:
    #main {
    margin:0 auto; 
    width: 750px;
    background-color: #000;
    border: 2px solid #594C39;
    background-repeat: no-repeat;
    background: url(singlebg.jpg);
    }
    
    #center {
    height: 60%;
    }

  • #5
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Oops! Thanks, looking right in both browsers now, cheers.


  •  

    Posting Permissions

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