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.

Footer problem with CSS

Discussion in 'CSS' started by I. Brian, Oct 4, 2005.

  1. #1
    I'm trying to get my site entirely CSS-driven, but I'm having problems with a footer section that won't stay at the foot of page.

    For example:
    SEMrush
    platinax.co.uk/news/2005/09/27/intel-and-microsoft-to-support-hd-dvd/

    Current footer CSS values:

    
    
    .footer { 
    
    background: url(../images/bg_footer.gif) left repeat-x; 
    height: 118px; 
    width: 100%; 
    text-align: center; 
    padding-top: 22px; 
    }
    
    
    Code (markup):
    Any suggestions on how to get the footer behaving much appreciated - a working code replacement gets $20 via Paypal.
     
    I. Brian, Oct 4, 2005 IP
    SEMrush
  2. exam

    exam Peon

    Messages:
    2,434
    Likes Received:
    120
    Best Answers:
    0
    Trophy Points:
    0
    #2
    From experts exchange. I'll paste here so you don't have to sign up to see it. the question was:
    And the answer Hope it helps.
     
    exam, Oct 4, 2005 IP
    I, Brian likes this.
  3. Skeleton

    Skeleton Peon

    Messages:
    116
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Skeleton, Oct 4, 2005 IP
    I, Brian likes this.
  4. I. Brian

    I. Brian Business consultant

    Messages:
    810
    Likes Received:
    59
    Best Answers:
    1
    Trophy Points:
    145
    #4
    I've tried playing with floats instead of absolutes, and also changing the div order - I just can't get the page to behave properly. :(
     
    I. Brian, Oct 5, 2005 IP
  5. chachi

    chachi The other Jason

    Messages:
    1,600
    Likes Received:
    57
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Just took a quick peek at it. Looks like you have a closing div right after your footer...what div is the footer enclosed in? Seems like the way you have things set up you want your footer div below any other divs as you are not using a container div that I could see.

    BTW, there are some drop in three column css layouts like this one that should take care of all of your problems. Looks like you can drop in all of your stuff into that one including your menus.
     
    chachi, Oct 5, 2005 IP
    I, Brian likes this.
  6. Amos

    Amos Peon

    Messages:
    224
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I belive you need to use the clear command in order for it to stay at the bottom.
     
    Amos, Oct 5, 2005 IP
  7. I. Brian

    I. Brian Business consultant

    Messages:
    810
    Likes Received:
    59
    Best Answers:
    1
    Trophy Points:
    145
    #7
    Thanks for the advice, folks - looks like overall the problem is due to absolute values for position for the left, center, and right content, and that this won't allow the footer to be controlled, even with clear commands.

    I think I'll probably need a new CSS template...
     
    I. Brian, Oct 5, 2005 IP
  8. exam

    exam Peon

    Messages:
    2,434
    Likes Received:
    120
    Best Answers:
    0
    Trophy Points:
    0
    #8
    exam, Oct 5, 2005 IP