1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Css Footer Problem

Discussion in 'CSS' started by Hodgedup, Oct 29, 2005.

  1. #1
    Can someone help me with a IE/Firefox footer problem.

    The footer is great in Internet Explorer. However in firefox it is always in the same place regardless of the length of the content and it actually cuts through my content. Basically I was just trying to float it after the content.


    I would greatly appreciate any help on this issue. It is driving me crazy.

    Here's the url for the site.

    http://www.hodgedup.com/


    Here is the css. I'll post it all if needed.

    .center {margin-left: 160px;
    margin-right: 160px;
    height:100%;
    }

    .left {
    float:left;
    width: 160px;
    margin-top: 15px;
    height:100%;}
    SEMrush
    .right {
    float:right;
    width: 160px;
    margin-top:15px;
    text-align: center;
    height:100%;}



    .footer {
    float:left;
    width:100%;
    height:50px;
    background: #000;
    color: #fff;
    margin: 6px 0 0 0;
    padding: 0;
    }
     
    Hodgedup, Oct 29, 2005 IP
    SEMrush
  2. mcfox

    mcfox Wind Maker

    Messages:
    7,527
    Likes Received:
    716
    Best Answers:
    0
    Trophy Points:
    360
    #2
    There seems to be something amiss in your html Hodge. I can get the css to display correctly in Firefox but when I apply the page html it goes awry. Probably a <div> being applied that is pulling it up the page.
     
    mcfox, Oct 29, 2005 IP
    Hodgedup likes this.
  3. Hodgedup

    Hodgedup Peon

    Messages:
    3,962
    Likes Received:
    287
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hmm I went through all the divs. I wonder what's happening. This is the first site I've really done. I only did part of the css layout. Kalina made it pretty, but it was messed up before she came along.

    So you think there is another div that is overridding that one?
     
    Hodgedup, Oct 30, 2005 IP
  4. mcfox

    mcfox Wind Maker

    Messages:
    7,527
    Likes Received:
    716
    Best Answers:
    0
    Trophy Points:
    360
    #4
    It seems to be. I've fiddled about with the css trying to get it to display as intended and couldn't get anywhere. Then it dawned on me to try loading just the css into FF and it displayed exactly as it was supposed to but when I loaded both the css and the html, it went askew. So I'm guessing that there is another <div> the .footer is contained within that is pulling it up the page. I don't think it's a missing tag.
     
    mcfox, Oct 30, 2005 IP
  5. Bibofa

    Bibofa Peon

    Messages:
    100
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    kakakoko :D
     
    Bibofa, Oct 30, 2005 IP
  6. Bibofa

    Bibofa Peon

    Messages:
    100
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #6
    What's problem, I haven't got enough post to go this forum : (
     
    Bibofa, Oct 30, 2005 IP
  7. Hodgedup

    Hodgedup Peon

    Messages:
    3,962
    Likes Received:
    287
    Best Answers:
    0
    Trophy Points:
    0
    #7
    I have no idea what you are trying to say hijack Barbie.

    You're fun.
     
    Hodgedup, Oct 30, 2005 IP
  8. Bibofa

    Bibofa Peon

    Messages:
    100
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #8
    It seems to be. I've fiddled about with the css trying to get it to display as intended and couldn't get anywhere. Then it dawned on me to try loading just the css into FF and it displayed exactly as it was supposed to but when I loaded both the css and the html, it went askew. So I'm guessing that there is another <div> the .footer is contained within that is pulling it up the page. I don't think it's a missing tag.

    That's fine :")
     
    Bibofa, Oct 30, 2005 IP
  9. Hodgedup

    Hodgedup Peon

    Messages:
    3,962
    Likes Received:
    287
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Bibofa do you want to be my best friend?
     
    Hodgedup, Oct 30, 2005 IP
  10. Arnica

    Arnica Peon

    Messages:
    320
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Hodgedup

    The height='100%' on the .center <div> is causing Firefox to display the footer where it is. Removing the height attribute will correctly position the footer but you'll also need to adjust the margins on the <h6> in your footer <div> to make it fit within your 50px height.

    Mick
     
    Arnica, Oct 30, 2005 IP
    Hodgedup likes this.
  11. Hodgedup

    Hodgedup Peon

    Messages:
    3,962
    Likes Received:
    287
    Best Answers:
    0
    Trophy Points:
    0
    #11
    I want to thank you both mcfox and Arnica.
     
    Hodgedup, Oct 30, 2005 IP
  12. mcfox

    mcfox Wind Maker

    Messages:
    7,527
    Likes Received:
    716
    Best Answers:
    0
    Trophy Points:
    360
    #12
    You're welcome. :)
     
    mcfox, Oct 30, 2005 IP
  13. Hodgedup

    Hodgedup Peon

    Messages:
    3,962
    Likes Received:
    287
    Best Answers:
    0
    Trophy Points:
    0
    #13
    The site looks perfect in firefox now but there is a huge gap between the content and the header on IE.

    Does anyone know why that is?
     
    Hodgedup, Oct 30, 2005 IP
  14. mcfox

    mcfox Wind Maker

    Messages:
    7,527
    Likes Received:
    716
    Best Answers:
    0
    Trophy Points:
    360
    #14
    Yeah, that's what I was trying to say yesterday. It's an easy fix.

    Your tables are currently set at 'width=100%' which is preventing them from sliding past the navigation menu. You need to adjust the table values so they are a little smaller. '99%' works but you should be aware that with this value, if anyone views your site without having the browser window full screen, the table will drop down to where you see it now.

    So you need to choose a % value to allow the tables to display 'best fit' so to speak.
     
    mcfox, Oct 31, 2005 IP
  15. Hodgedup

    Hodgedup Peon

    Messages:
    3,962
    Likes Received:
    287
    Best Answers:
    0
    Trophy Points:
    0
    #15
    Got it all fixed now.

    Thanks again.
     
    Hodgedup, Oct 31, 2005 IP