center footer?

  • can someone advise me how i can get my footer centered in css?

    here is the link to the site:

    https://64.69.44.23/?page_id=2

    here is the css footer code:

    /*** Footer ****/
    .footer {
    clear:both; overflow:hidden; height:100%;
    background:url(images/footer.gif) no-repeat 0 0;
    font-size:1.2em; font-weight: bold;
    float:center;
    line-height:1.5em; color:#c2c1c1;
    }

    .footer .width { /*width:1000px; margin: auto;*/}

    .footer .indent {
    overflow:hidden; height:100%; text-align:center;
    padding:30px 0px 15px 0px;
    }

    .footer span { }

    .footer a { color:#fff;}

Viewing 1 replies (of 1 total)

  • You can try this; (changes in bold font)

    .footer {

    clear:both; overflow:hidden; height:100%;
    background:url(images/footer.gif) no-repeat top;
    font-size:1.2em; font-weight: bold;
    line-height:1.5em; color:#c2c1c1;
    }

    .footer .width { width:1000px; margin: auto;}

    …note the un-commented .footer .width properties – and I’m not completely sure, but I think the “float:center” value is useless. I don’t think it’s valid css. I think you can remove it with no ill effect, but you might want to confirm that.

    Please test in several browsers. It works well in firefox, but I’m not sure if IE will comply as easily.

Viewing 1 replies (of 1 total)
  • The topic ‘center footer?’ is closed to new replies.