SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    What's up with this footer?

    If you check out www.courika.com, this is a site template I put together. The footer displays correctly in IE 6 but FF for some reason doesn't. I thought before everything was uploaded it worked right! If you look at the source there are some javascript things there in the footer with the text...I didn't put these there. The thing is I made the template and then the guy that this template was for is using a database to dynamically pull the content. So I don't know if the javascript he's go in the footer is messing it up in FF or if its a CSS problem or what?

    And yes I realize my css is in the head of the document...that's the only way it would work with his software. And yes I realize there are divs with tables in them...again he said his software only works with tables?

    Anyway, any ideas on this footer in FF?
    Deron Sizemore
    ----------
    My Sites: LogoGala | Golf Ledger (coming soon)
    Twitter: Deron Sizemore

  2. #2
    Caveat surfer Buddy Bradley's Avatar
    Join Date
    May 2003
    Location
    Cambridge, UK
    Posts
    2,366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think it's because you've used the #footer id twice - once for the footer div, and then again for the table inside that div. The combination of padding on the two nested elements is pushing the footer contents over to the right.

    Give the table a different ID.

    Edit: Actually, I've just had a play with the CSS and it might not be that, but you should fix it anyway.

  3. #3
    SitePoint Addict Melter's Avatar
    Join Date
    Sep 2002
    Posts
    305
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    As Buddy says you should look at the use of footer as an id twice. If you need to call the footer css again then either change footer to class and not id (so that would be .footer and not #footer in your css) or use the css again under a different id name.
    vinyl digging - on a secondhand vinyl journey

  4. #4
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks guys. I'll try and play around with it later, I'm at work now.

    Quote Originally Posted by Buddy Bradley
    Actually, I've just had a play with the CSS and it might not be that
    Do you have an idea at what it 'might' be? I'll fix the footer id twice later and see, but like I said I just can't test it right now.

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

  5. #5
    SitePoint Guru DocType's Avatar
    Join Date
    Feb 2005
    Posts
    827
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I changed the rule in the footer to the following, and it seems to be O.K. locally.

    Code:
     
    #footer {position: relative;
     font-size: 10px;
     color: #999999;
     margin-left:12px;
     width: 450px;
      left:100px;
     margin-top:-15px;
      bottom: 0;
      clear:both;
    }

  6. #6
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by DocType
    I changed the rule in the footer to the following, and it seems to be O.K. locally.

    Code:
     
    #footer {position: relative;
     font-size: 10px;
     color: #999999;
     margin-left:12px;
     width: 450px;
      left:100px;
     margin-top:-15px;
      bottom: 0;
      clear:both;
    }
    Ahh...thanks for that!
    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
  •