Forums

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

Home › Forums › CSS › Footer nav problem

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 20, 2012 at 12:14 am #38583
    oespinozai
    Member

    Can you see? It is as if the of “footerlinks” are aligned to the bottom border, whereas the ones on “socialicons” look in place. Borders were drawn for you to notice.

    Link: http://savoir-faire.pe/test/index.html

    HTML
    

    CSS
    
#footer {
    
background-color:#141414;
    
color:#ececec;
    
min-height:150px;
    
position:relative;
    
width:100%;
    
height:100%;
    
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
    
font-size:1em;
    
clear:both;
    

    

    
}
    

    
#footer .wrapper {
    
padding:30px;
    
width:960px;
    
margin:0 auto;
    
vertical-align:baseline;
    
display:block;
    
border: 1px solid #F00;
    

    
}
    

    
.footerlinks {
    
border:1px solid #096;
    
text-align:left;
    
width:22%;
    
}
    

    
.footerlinks a {
    
width:20%;
    
text-decoration:none;
    
text-align:center;
    
color:#ececec;
    
font-size:0.7em;
    
text-align:center;
    
border:1px solid #096;
    
}
    

    
.footerlinks ul{
    
border:1px solid #C99;
    
list-style-type:none;
    
margin: auto;
    
padding:0;
    
}
    
.footerlinks li {
    
margin-bottom:10px;
    
}
    

    
#copyright {
    
width:30%;
    
float:left;
    
border:1px solid #096;
    
font-size:0.8em;
    
text-align:center;
    
margin: 10px 0 0 35%;
    
}
    

    
.socialicons {
    
width:30%;
    
border:1px solid #096;
    
float:right;
    
font-size:1em;
    
font-family:"Socialico";
    

    
}
    

    
.socialicons li {
    
width:20%;
    
margin-left:10%;
    
display:inline;
    
border:1px solid #096;
    
font-family:Socialico;
    
}
    June 20, 2012 at 12:37 am #104637
    TheDoc
    Member

    Simply looks like that’s just how the font is rendered.

    June 20, 2012 at 9:05 am #104659
    oespinozai
    Member

    it doesn’t happen when the font-size is set to 1em. I get the same result as above with any lower em size. There’s no way to center it horizontally?

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