Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Text-align: Centre Problem

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 25, 2012 at 10:17 pm #38225
    lester
    Member

    HTML:


    

    

    

    
Please Login Here!
    

    

    

    

    

    

    


    

    


    
Testing

    CSS:
    #footer{
    margin-top: 100px;
    height: 166px;
    width: 100%;
    background: url(‘../img/footerBackground.png’) repeat-x;
    text-align: center;
    /*Align to bottom*/
    position: fixed;
    left: 0;
    bottom: 0;
    /* IE 6 */
    * html #footer {
    position:absolute;
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+’px’);
    }

    }

    #footer h6{
    font-family: Helvetica;
    font-size: 10px;
    color: #e2f8ff;
    position: fixed;
    bottom: 10px;

    }

    Problem: The h6 text doesn’t align to the centre, it just stay aligned to the left.

    May 25, 2012 at 11:18 pm #103497
    Taufik Nurrohman
    Participant

    Remove this:

    #footer h6{
    
font-family: Helvetica;
    
font-size: 10px;
    
color: #e2f8ff;
    
/* position: fixed; <== remove! */
    
/* bottom: 10px; <== remove! */
    
}
    May 26, 2012 at 10:47 am #103518
    lester
    Member

    It worked but its also vertically align is there a way to have the same effect as
    bottom: 0;

    May 27, 2012 at 6:24 pm #103542
    ylc66
    Participant

    maybe with 

    line-height
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.