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
    Regular Coder
    Join Date
    Sep 2002
    Posts
    157
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Firefox bug on image background centering?!

    There is no problem with Safari or Internet Explorer 7. No problem in Firefox unless you resized browser to less than 1024 width (say 800px wide).

    Check the template at: http://irishdeaf.com/template2008.html and resize Firefox browser to smaller and then scroll to the right. You will see the background isn't centering to the website but to your browser window! Is that a bug?

    Also I'm not sure why there is a space on left when there's no space on the right?

    Thanks

  • #2
    Regular Coder
    Join Date
    Jun 2004
    Posts
    495
    Thanks
    0
    Thanked 82 Times in 80 Posts
    It is supposedly the correct implementation.
    Corrected by adding width:995px; margin:auto; to the body

  • #3
    Regular Coder
    Join Date
    Sep 2002
    Posts
    157
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Ahh thanks, just fixed the spacing.

    So how do I center the background image to the page, not to the browser window? (especially firefox!)

  • #4
    Regular Coder
    Join Date
    Jun 2004
    Posts
    495
    Thanks
    0
    Thanked 82 Times in 80 Posts
    By moving the background image to #wrap and adjusting child element positions accordingly.

  • The Following 2 Users Say Thank You to Fang For This Useful Post:

    barnettgs (10-19-2007), dcostalis (10-19-2007)

  • #5
    Regular Coder
    Join Date
    Sep 2002
    Posts
    157
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Ok, would it be better to create another wrap - the outer wrap for background? Existing wrap would become an inner wrap.

    Thanks

    EDIT: Well, I did it and added top/bottom padding to outer wrap. It's all good!

    Big thanks to you otherwise I wouldn't have done it myself!
    Last edited by barnettgs; 10-19-2007 at 04:31 PM.


  •  

    Posting Permissions

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