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 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