Css Html Footer Code

Discussion in 'CSS' started by starwebbo, Jan 9, 2008.

  1. #1
    I would like to make the foot height automatic so that as I add stuff, it will continue pushing the footer down. I have tried to separate the div and to play about with absolute/relative position, but it ain't working.
     
    starwebbo, Jan 9, 2008 IP
  2. midhunhk

    midhunhk Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    what about

    #footer{height:auto;}
     
    midhunhk, Jan 9, 2008 IP
  3. starwebbo

    starwebbo Peon

    Messages:
    119
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I tried that , it didn't work but original designer of the template sent me a code that seem to have worked. Now I am working on IE bug:)
    Thanks people.
    S
     
    starwebbo, Jan 23, 2008 IP
  4. slimboyfatz32

    slimboyfatz32 Peon

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    what was the code ?? it would be helpful for other people if they come across this problem , thanks !!!!
     
    slimboyfatz32, Jan 23, 2008 IP
  5. shallowink

    shallowink Well-Known Member

    Messages:
    1,218
    Likes Received:
    64
    Best Answers:
    2
    Trophy Points:
    150
    #5
    Isn't dealing with the footer height though, float: none ; clear: both; should do it.
     
    shallowink, Jan 23, 2008 IP
  6. JK Net

    JK Net Peon

    Messages:
    80
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I recommend the following... (Can then adjust as best for your site ...)

    .footer { color: #fff; background-color: #000; width: 100%; height: 100px; float: left; clear: both; }
    Code (markup):
    The colors eoo height is simply the title of example ... This when the footer is to take the whole page.

    Want only if you have a certain width, must do the following:

    .footer { color: #fff; background-color: #000; width: 790px; height: 100px; float: left; clear: both; margin: 0 auto; };padding: 0;
    Code (markup):
    In this case the body will be adjustments adquados to work ...
     
    JK Net, Jan 23, 2008 IP
  7. starwebbo

    starwebbo Peon

    Messages:
    119
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    slimboyfatz32,JK Net ,shallowink are you CSS/HTML designers? and would you like to design a template at a fee for me? if yes, PM me your proposals.
    Thanks
     
    starwebbo, Jan 28, 2008 IP