SitePoint Sponsor

User Tag List

Results 1 to 16 of 16
  1. #1
    SitePoint Member
    Join Date
    Jan 2003
    Location
    Texas
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Firefox problems... Float Background and division overlapping

    Hi,

    I have been a CSS/XHTML developer for about 6 months now and I just came accross a problem that I have had difficulty solving... I have spent about a week on this problem, and still no luck... I kind of restarted too with no luck... I am thinking this may be a bug... But it works fine in IE...

    In firefox, the content division background does not continue, instead a footer background is moved up... This is so weird, I dont know how this can be possible... This has been extremely frustrating... If anyone can help, that would be great! Thanks a lot!
    Last edited by PulseHost; Jan 23, 2005 at 01:46.

  2. #2
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,152
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think all that you need to do is place your background image in your #wrapper div instead of your content div. Try that and see...if not then I'll actually copy and past all your code in my browser to try and fix it, but I think that should be the problem.

    It will look something like this:

    background: url(images/bg.gif) repeat-y left top;

    you have to make sure you have the "repeat" in there so it will fill the container.
    Deron Sizemore
    ----------
    My Sites: LogoGala | Golf Ledger (coming soon)
    Twitter: Deron Sizemore

  3. #3
    SitePoint Member
    Join Date
    Jan 2003
    Location
    Texas
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    By the way, this page validates completely
    Last edited by PulseHost; Jan 23, 2005 at 01:56.

  4. #4
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,152
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeah, I it will validate if this is the only thing you have wrong...I don't see anything wrong with the code, I think its just in the wrong spot. See Above.
    Deron Sizemore
    ----------
    My Sites: LogoGala | Golf Ledger (coming soon)
    Twitter: Deron Sizemore

  5. #5
    SitePoint Member
    Join Date
    Jan 2003
    Location
    Texas
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by deronsizemore
    I think all that you need to do is place your background image in your #wrapper div instead of your content div. Try that and see...if not then I'll actually copy and past all your code in my browser to try and fix it, but I think that should be the problem.

    It will look something like this:

    background: url(images/bg.gif) repeat-y left top;

    you have to make sure you have the "repeat" in there so it will fill the container.
    I actually tried this previously.... and just now also, it didn't work ...

    The thing that's bugging me is, the bottom footer background is coming to the top and is underneath the content division... I have never had that happen to me before... This just occurs in FireFox...

  6. #6
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,152
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hmmmm....I'm not an expert either as I've only been using CSS for about a 9 months, but I'll see if I can figure it out.
    Deron Sizemore
    ----------
    My Sites: LogoGala | Golf Ledger (coming soon)
    Twitter: Deron Sizemore

  7. #7
    SitePoint Member
    Join Date
    Jan 2003
    Location
    Texas
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks a lot, I appreciate your help...

  8. #8
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,152
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What is the background actually suppose to look like?
    Deron Sizemore
    ----------
    My Sites: LogoGala | Golf Ledger (coming soon)
    Twitter: Deron Sizemore

  9. #9
    SitePoint Member
    Join Date
    Jan 2003
    Location
    Texas
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    It may be difficult to view because the height is only 1 px, while the width is 666px...
    Last edited by PulseHost; Jan 23, 2005 at 01:49.

  10. #10
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,152
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't know, but when I view it...there is a little blue spec on the left side and a little blue spec on the right side with about 660 px of white space in the center?
    Deron Sizemore
    ----------
    My Sites: LogoGala | Golf Ledger (coming soon)
    Twitter: Deron Sizemore

  11. #11
    SitePoint Member
    Join Date
    Jan 2003
    Location
    Texas
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thats how it is suppose to be, the blue specs are the shadows... The white space is the actually background, that the content is suppose to be in...

  12. #12
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,152
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ah. I got ya....
    Deron Sizemore
    ----------
    My Sites: LogoGala | Golf Ledger (coming soon)
    Twitter: Deron Sizemore

  13. #13
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,152
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm sorry...I guess this is over my head. Everything looks at thought it should be working. I'd wait till tomorrow. I'm sure Paul or some of the other greats here will be more able to assist you.

    Sorry.
    Deron Sizemore
    ----------
    My Sites: LogoGala | Golf Ledger (coming soon)
    Twitter: Deron Sizemore

  14. #14
    SitePoint Member
    Join Date
    Jan 2003
    Location
    Texas
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks a lot for trying... I think this may be just a simple problem (ironically those are the hardest to figure out)... I have spent so much time trying to figure this out... I posted on this board after trying a lot...

    I truly do appreciate your help... thanks!

  15. #15
    SitePoint Member
    Join Date
    Jan 2003
    Location
    Texas
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    FIXED!!!!!!!!!

    THANKS A LOT for your help deronsizemore... I figured out the problem... It was of clearing floats:

    I fixed it using the "Clearing", 21st Century Style method of implementing the clearfix...
    Here are the articles that are related to this problem... :

    http://www.positioniseverything.net/...at-theory.html
    http://www.positioniseverything.net/...at-bugs-1.html
    http://www.positioniseverything.net/easyclearing.html

    Thank you so much!

  16. #16
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,152
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeah, simple after all. Never occured to me to clear the floats...should have though as I have had that problem more than once on my own sites!! lol.
    Deron Sizemore
    ----------
    My Sites: LogoGala | Golf Ledger (coming soon)
    Twitter: Deron Sizemore


Bookmarks

Posting Permissions

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